欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信瀏覽器禁止頁面下拉查看網(wǎng)址實例詳解

 更新時間:2017年06月28日 15:39:18   投稿:lqh  
這篇文章主要介紹了微信瀏覽器禁止頁面下拉查看網(wǎng)址實例詳解的相關(guān)資料,需要的朋友可以參考下

微信瀏覽器禁止頁面下拉查看網(wǎng)址實例詳解

此類事件是手機touchmove默認事件行為,可以通過js代碼隱藏事件:

$(‘body').on(‘touchmove', function (event) {event.preventDefault();});
or
document.addEventListener('touchmove', function(e){e.preventDefault()}, false);

但這樣往往會把頁面原生的scroll效果也一同去掉了,下面的代碼可以完美解決這個問題:

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 occur
  if(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();
 }
});

詳情見:https://github.com/luster-io/prevent-overscroll/blob/master/index.html

源碼下載:http://xiazai.jb51.net/201706/yuanma/preventoverscrollmaster(jb51.net).rar

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

相關(guān)文章

  • JavaScript?Promise實現(xiàn)異步并發(fā)任務(wù)控制器

    JavaScript?Promise實現(xiàn)異步并發(fā)任務(wù)控制器

    這篇文章主要為大家介紹了JavaScript?Promise實現(xiàn)異步并發(fā)任務(wù)控制器示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-06-06
  • JavaScript中Map與Object應(yīng)用場景

    JavaScript中Map與Object應(yīng)用場景

    這篇文章主要為大家介紹了JavaScript中Map與Object應(yīng)用場景的示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-07-07
  • 接收鍵盤指令的腳本

    接收鍵盤指令的腳本

    接收鍵盤指令的腳本...
    2006-06-06
  • 淺談js中的宏任務(wù)和微任務(wù)

    淺談js中的宏任務(wù)和微任務(wù)

    這篇文章我們主要談一談js中的宏任務(wù)和微任務(wù),JavaScript是一門單線程語言,即一次只能完成一個任務(wù),若有多個任務(wù)要執(zhí)行,則必須排隊按照隊列來執(zhí)行,下面我們就來簡單談?wù)凧avaScript吧,需要的朋友可以參考下面文章內(nèi)容的具體內(nèi)容
    2021-09-09
  • JavaScript前端構(gòu)建工具原理的理解

    JavaScript前端構(gòu)建工具原理的理解

    這篇文章主要為大家介紹了JavaScript前端構(gòu)建工具原理的理解分享,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-07-07
  • 微信小程序 自己制作小組件實例詳解

    微信小程序 自己制作小組件實例詳解

    這篇文章主要介紹了微信小程序 自己制作小組件實例詳解的相關(guān)資料,自己制作小組件在項目中應(yīng)用,需要的朋友可以參考下
    2016-12-12
  • 微信小程序 五星評分(包括半顆星評分)實例代碼

    微信小程序 五星評分(包括半顆星評分)實例代碼

    這篇文章主要介紹了微信小程序 五星評分(包括半顆星評分)實例代碼的相關(guān)資料,需要的朋友可以參考下
    2016-12-12
  • JS實現(xiàn)將圖片URL轉(zhuǎn)base64示例詳解

    JS實現(xiàn)將圖片URL轉(zhuǎn)base64示例詳解

    這篇文章主要為大家介紹了JS實現(xiàn)將圖片URL轉(zhuǎn)base64示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • Performance 內(nèi)存監(jiān)控使用技巧詳解

    Performance 內(nèi)存監(jiān)控使用技巧詳解

    這篇文章主要為大家介紹了Performance 內(nèi)存監(jiān)控使用技巧詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-10-10
  • 微信小程序 生命周期詳解

    微信小程序 生命周期詳解

    這篇文章主要介紹了微信小程序 生命周期的相關(guān)資料,創(chuàng)建、到開始、暫停、喚起、停止、卸載等過程,需要的朋友可以參考下
    2016-10-10

最新評論