oppo侧滑返回键特效怎么设置

导航键的设置方法

导航键（导航手势）是指在使用手机的“返回上一级、回到桌面、查看最近任务、切换最近任务”等 *** 作时使用的导航手势，主要有两侧滑动手势（全面屏手势）、虚拟按键和上滑手势。

ColorOS 12及以上版本：导航键提供了全面屏手势、虚拟按键两种导航方式。

您可以进入手机「设置 >系统设置 >系统导航方式」，设置您需要的导航方式。

ColorOS 11.2-11.3版本：导航键提供了全面屏手势、虚拟按键两种导航方式。

您可以进入手机「设置 >便捷工具 >导航方式」，设置您需要的导航方式。

ColorOS 11.0-11.1版本：导航键提供了两侧滑动手势、虚拟按键、上滑手势三种导航方式。

您可以进入手机「设置 >便捷工具 >导航方式 ＞ （更多）」，设置您需要的导航方式。

ColorOS 7.0-7.2版本：导航键提供了两侧滑动手势、虚拟按键、上滑手势三种导航方式。

您可以进入手机「设置 >便捷工具（便捷辅助） >导航键」，设置您需要的导航方式。

1、两侧滑动手势（全面屏手势）：

（1）返回上一级：从屏幕左侧或右侧下部向内滑动。

（2）回到桌面：从屏幕底部向上滑动。

（3）查看最近任务：从屏幕底部向上滑动并停留。

（4）切换最近应用：从屏幕底部向左或者向右滑动。

（5）学习使用手势：进入使用手势学习场景。（ColorOS 11及以上版本提供该功能。）

（6）隐藏手势指示条：下方手势指示条被隐藏。

（7）返回时振动：返回上一级时手机会振动。

（8）切换上一个应用：从屏幕两侧向内滑动并停留，切换上一个应用。

（9）两侧滑动手势横屏防止误触：部分应用（如游戏）横屏全屏时，手势需要2次滑动才生效。

2、虚拟按键：

（1）开启功能后，在手机屏幕下方显示虚拟按键。

≡：查看最近任务

□：回到桌面

_：返回上一级

（2）虚拟按键可隐藏。

ColorOS 7-7.2版本：打开“虚拟按键可隐藏”开关，在虚拟按键栏左侧显示“⊙”。点击“⊙”，将隐藏虚拟按键。竖屏向上或横屏向左即可呼出隐藏虚拟按键。

ColorOS 11及以上版本：去掉“虚拟按键可隐藏”开关和相关功能，当虚拟按键隐藏时，竖屏向上或横屏向左呼出即可。

3、上滑手势：

（1）上滑返回上一级：从屏幕底部两侧上滑返回上一级。

（2）上滑返回桌面：从屏幕底部中间上滑返回桌面。

（3）上滑停留查看最近任务：从屏幕底部中间上滑停留1秒查看多任务

（4）隐藏手势指示条：下方手势指示条被隐藏。

（5）上滑手势横屏防误触：部分应用（如游戏）横屏全屏时，手势需要2次滑动才生效。

温馨提示：

① ColorOS 11.2及以上版本：导航键取消了上滑手势，保留了两侧滑动手势（全面屏手势）和虚拟按键的导航方式。

② ColorOS 11.2以下版本手机通过“手机搬家”功能，将数据迁移至ColorOS 11.2及以上版本，可实现ColorOS 11.2及以上版本手机具有导航键上滑手势的导航方式。

本回答适用于OPPO全系机型。

1.首先，在html中，小编我用到了两个div元素，并且它们都用到了ID哦。

2.然后我们设置content的高度非常高，这样就会产生滚动条啦。

3.然后设置gotop，让它固定不变的在右下角，哈哈，返回顶部一般都是在右下角的。

4.如你所看到的，滚动条有了，返回顶部的按钮也有了，接着就是设置特效了哦。

5.滑动特效要用到jQuery插件哦，所以要把它链接到html里头。

6.然后我们再给gotop设定一个点击事件，设定方法如下。

7.接着我们设置body的scrollTop值为0就行了哦，然后再设置一下animate的时间即可完成，非常简单。

HTML网页返回顶部的做法：

1、使用默认链接锚记：只需添加一个超链接，给超链接的href属性设置值为“#top”即可实现返回顶部的功能，无需添加其他内容。

2、href指向特定id：这种方法是在页面现有的标签中，使用“返回顶部”的连接的href指向顶部具有id属性的标签，以实现返回顶部的功能。这种方法，需要在页面顶部的标签中有具有id属性的标签，来实现指向顶部。亦可自定义添加。

3、使用自定义链接锚记：这种方法，就是使用的自定义链接锚记了，必须要定义锚记，然后使用超链接指向锚。这种方法其实跟第二种方法差不多，只不过必须要额外定义一个链接锚记。

4、使用简单脚本：这种可以设置scrollTo(0,0)中的x、y的值来跳转到页面的具体位置。

5、点击返回按钮，页面想火箭一样逐渐上升，直至返回顶部。本方法能使页面动态滚动，如果把按钮做成一个火箭标志，在点击之后页面滚动时，按钮背景切换为火箭上升标志。

---