【移動(dòng)端】js禁止頁(yè)面滑動(dòng)與允許滑動(dòng)
標(biāo)簽:
JavaScript
禁止页面滑动
通常静止滑动方案:(阻止滑动事件)
window.ontouchmove=function(e){ e.preventDefault && e.preventDefault(); e.returnValue=false; e.stopPropagation && e.stopPropagation(); return false; };
有部分机型不支持以上静止滑动方案,可使用:(点击后页面浮动到指定位置不动 将body的position设置为fixed)
$("#btn").click(function(){ var top=$(window).scrollTop();//这是当前滚动的页面滚动条位置 $("body").css({ "position":"fixed", "width":"100%", "top":top*-1 //此处为当前需要定住的位置 }); });
允许页面滑动:
通常允许滑动方案:(清空滑动事件即可)
window.ontouchmove="";
处理部分机型禁止滑动的允许滑动:(将body的position设置为static)
$("#btn2").click(function(){ $("body").css({ "position":"static" }); });
點(diǎn)擊查看更多內(nèi)容
為 TA 點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說(shuō)多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開(kāi)微信掃一掃,即可進(jìn)行掃碼打賞哦