1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotposition fixed top 0right0quot导航ltdiv3浏览器运行indexhtml页面，此时div标签。

然后用jq来操作鼠标经过的时候，显示菜单即可如图，我用到了滑动效果，具体可以自己查找一下slideToggle的用法哦。

overflo autooverflowy hiddenwhitespacenowrapwebkitscrollbar 滚动条整体 background webkitscrollbarthumb滑块 background rgba71， 145， 242，5borderradius 5px。

1如果是div设置了滚动条导致滑动不顺畅，可以在css中加入webkitoverflowscrolling touch2如果是幻灯片，可以用swiper插件一类的3尽量用css3开启GPU加速css随便哪里加个transformtransition3d0，0，0。

H5单页面手势滑屏切换是采用HTML5 触摸事件Touch 和 CSS3动画Transform，Transition来实现的1实现原理假设有5个页面，每个页面占屏幕100%宽，则创建一个DIV容器viewport，将其宽度width 设置为500%，然后将5个页面。

原声的是设置要划动div的overflewscroll这种方式实现之后部分机型会出现划动不畅，一般使用iscrolljs来解决移动端的一切划动问题给分吧。