1、如果是div設置了滾動條導致滑動不順暢,可以在css中加入-webkit-overflow-scrolling : touch;
成都創(chuàng)新互聯(lián)服務緊隨時代發(fā)展步伐,進行技術(shù)革新和技術(shù)進步,經(jīng)過十余年的發(fā)展和積累,已經(jīng)匯集了一批資深網(wǎng)站策劃師、設計師、專業(yè)的網(wǎng)站實施團隊以及高素質(zhì)售后服務人員,并且完全形成了一套成熟的業(yè)務流程,能夠完全依照客戶要求對網(wǎng)站進行成都網(wǎng)站制作、成都網(wǎng)站建設、建設、維護、更新和改版,實現(xiàn)客戶網(wǎng)站對外宣傳展示的首要目的,并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。
2、如果是幻燈片,可以用swiper插件一類的。
3、盡量用css3開啟GPU加速(css隨便哪里加個{transform:transition3d(0,0,0);}),用transform:translate(x,y)代替mairgin或者top。
4、減少滑動過程中的運動DOM。
使用瀏覽器可以進行手機效果測試:
現(xiàn)在各大瀏覽器都有這種功能了, 谷歌、QQ、360搜狐等;
首先打開網(wǎng)頁,點擊右鍵列表里會有“審查元素”,再點擊手機那個按鈕,就可以調(diào)整屏幕寬度查看手機效果。
找到其中的meta,加入viewport-fit=cover
meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover"
這句話的作用就是在適配手機型號的時候,能夠自動補齊安全區(qū)域(safe area)以后的區(qū)域,這樣我們下拉的時候,就不會漏出去了
1、創(chuàng)建兩個html文件,一個test一個test2。
2、打開test頁面,在里面創(chuàng)建一個div,并給其添加onmousedown與move方法。
3、打開后我們發(fā)現(xiàn)是一個棕綠的頁面。
4、定義兩個變量,startx為鼠標按下的坐標,endx為鼠標移動的坐標。
5、實現(xiàn)鼠標點擊執(zhí)行的down方法,在里面通過clientX獲得鼠標按下坐標,并賦值給startx。
6、接著在實現(xiàn)鼠標移動的move方法,獲得鼠標移動的坐標,并通過startx與endx相減判斷是否向左邊滑動大于30的距離,是的話就切換到test2頁面。
7、現(xiàn)在我們打開test頁面,向左滑動會提示切換頁面(這個可以去除),確定后就切換到了test2頁面,向右滑動切換的方法同理。
使用瀏覽器可以進行手機效果測試:
現(xiàn)在各大瀏覽器都有這種功能了, 谷歌、QQ、360搜狐等;
首先打開網(wǎng)頁,點擊右鍵列表里會有“審查元素”,再點擊手機那個按鈕,就可以調(diào)整屏幕寬度查看手機效果。
分享標題:html5手機滑動,html禁止手機左右滑動
標題鏈接:http://redsoil1982.com.cn/article6/phhgog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供營銷型網(wǎng)站建設、網(wǎng)站營銷、App設計、小程序開發(fā)、企業(yè)建站、網(wǎng)頁設計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)