微信端防止下拉
本文參考了,https://segmentfault.com/a/1190000013335812
?
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"><title>禁止下拉</title><style type="text/css">.scroll{position:absolute; overflow:scroll; -webkit-overflow-scrolling: touch; top:0; left:0; bottom:0; right:0;}</style> </head> <body> <div class="scroll"> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 禁止下拉!<br/> 是不是可以啊!!! 是的話 那就贊賞一下吧! <img src="http://wxpad.cn/yunpan/cdn/imgsrc/1519366332.jpg" style="width: 100%;" /> </div> </body> <script type="text/javascript">//禁止下拉var overscroll = function(el) {el.addEventListener('touchstart', function() {var top = el.scrollTop, totalScroll = el.scrollHeight, currentScroll = top + el.offsetHeight//If we're at the top or the bottom of the containers//scroll, push up or down one pixel.////this prevents the scroll from "passing through" to//the body.if(top === 0) {el.scrollTop = 1} else if(currentScroll === totalScroll) {el.scrollTop = top - 1}})el.addEventListener('touchmove', function(evt) {//if the content is actually scrollable, i.e. the content is long enough//that scrolling can occurif(el.offsetHeight < el.scrollHeight)evt._isScroller = true}) } overscroll(document.querySelector('.scroll')); document.body.addEventListener('touchmove', function(evt) {//In this case, the default behavior is scrolling the body, which//would result in an overflow. Since we don't want that, we preventDefault.if(!evt._isScroller) {evt.preventDefault()} }) </script> </html>
轉載于:https://www.cnblogs.com/windseek/p/8464450.html
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
- 上一篇: KM生存期曲线
- 下一篇: 在C#中如何使用GetOpenFileN