摘要:在微信里面打開的鏈接頁面如果沒有經(jīng)過特殊處理,下拉的話,會出現(xiàn)這樣的情況大概就是一個深灰色的背景,還有一個源站的域名。
在微信里面打開的鏈接頁面如果沒有經(jīng)過特殊處理,下拉的話,會出現(xiàn)這樣的情況:
大概就是一個深灰色的背景,還有一個源站的域名。
本人覺得這個非常丑,并且有時候就不想別人下拉看到我們的源站域名。
所以我這里做了一個demo讓大家看看:
微信掃碼:
禁止下拉
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
禁止下拉!
是不是可以啊!!!
是的話
那就贊賞一下吧!
- //禁止下拉
- 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()
- }
- })
其中
是整個主體,你只需要把你的項目代碼寫在這個div之間,就可以了!文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/107584.html
摘要:彈出層觸發(fā)時候頁面設置為高度百分百將不能滾動設置的樣式為取消時候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點擊關(guān)閉遮罩層遮罩層阻止冒泡默認事件彈出層禁止頁面彈出框彈出時候市面下拉滾動監(jiān)聽事件,這樣一來整個頁面將不能滾動所以添加一個判斷你的大盒 //彈出層觸發(fā)時候頁面設置為高度百分百將不能滾動 設置body html的樣式為overflow: hidden,height:100%//取消時...
摘要:彈出層觸發(fā)時候頁面設置為高度百分百將不能滾動設置的樣式為取消時候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點擊關(guān)閉遮罩層遮罩層阻止冒泡默認事件彈出層禁止頁面彈出框彈出時候市面下拉滾動監(jiān)聽事件,這樣一來整個頁面將不能滾動所以添加一個判斷你的大盒 //彈出層觸發(fā)時候頁面設置為高度百分百將不能滾動 設置body html的樣式為overflow: hidden,height:100%//取消時...
摘要:彈出層觸發(fā)時候頁面設置為高度百分百將不能滾動設置的樣式為取消時候把樣式重置還原為最初彈出層遮罩層灰色區(qū)域點擊關(guān)閉遮罩層遮罩層阻止冒泡默認事件彈出層禁止頁面彈出框彈出時候市面下拉滾動監(jiān)聽事件,這樣一來整個頁面將不能滾動所以添加一個判斷你的大盒 //彈出層觸發(fā)時候頁面設置為高度百分百將不能滾動 設置body html的樣式為overflow: hidden,height:100%//取消時...
摘要:從本人這兩個月移動實踐的經(jīng)驗來看,微信的里面和的滑動效果無論是在安卓還是下的體驗都很一般,有明顯的卡頓現(xiàn)象,在安卓下面還會出現(xiàn)滑動過快的時候在頁面停下來之后滾動條才閃到相應位置的現(xiàn)象。 前言 在微信里面瀏覽頁面的時候,有一個很管用的方法可以區(qū)分這個頁面是原生的還是H5形式的。隨便打開一個頁面,用力往下扯的時候,如果頁面上方出現(xiàn)了黑底,黑底上有一行諸如網(wǎng)頁由game.weixin.qq....
閱讀 1835·2021-09-22 15:55
閱讀 3525·2021-09-07 10:26
閱讀 631·2019-08-30 15:54
閱讀 687·2019-08-29 16:34
閱讀 844·2019-08-26 14:04
閱讀 3264·2019-08-26 11:47
閱讀 2138·2019-08-26 11:33
閱讀 2298·2019-08-23 15:17