1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入html代碼ltdiv style=quotposition fixed top 0right0quot導航ltdiv3瀏覽器運行indexhtml頁面，此時div標簽。

然后用jq來操作鼠標經(jīng)過的時候，顯示菜單即可如圖，我用到了滑動效果，具體可以自己查找一下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來實現(xiàn)的1實現(xiàn)原理假設有5個頁面，每個頁面占屏幕100%寬，則創(chuàng)建一個DIV容器viewport，將其寬度width 設置為500%，然后將5個頁面。

原聲的是設置要劃動div的overflewscroll這種方式實現(xiàn)之后部分機型會出現(xiàn)劃動不暢，一般使用iscrolljs來解決移動端的一切劃動問題給分吧。