禁止頁面滾動的詳細解決方法介紹

2021-07-30 13:01:33 字數 838 閱讀 8946

禁止頁面滾動 有三種方法

1,依靠css 將頁面

document.documentelement.style.overflow='hidden';

document.body.style.overflow='hidden';//手機版設定這個。

如果設定了如上,頁面的滾動條將會消失,此時滑鼠滾輪失效。

但是 你用鍵盤的 上下左右鍵,你會發現,頁面仍然可以滾動。 別著急 往下看

2,在 1 的基礎上 新增 js功能

var move=function(e)

var keyfunc=function(e)

} document.body.οnkeydοwn=keyfunc;

好了 ,到了這裡,你會發現頁面木有任何問題了。滑鼠,鍵盤 都不能將頁面滾動。

不過....對於高階使用者來說,仍然有問題,比如 繼續往下看

3,假設使用者希望 滾動條 一直處於顯示狀態 腫麼辦捏???? ok ,繼續

var st

var scroll=function(e),5);

}window.οnscrοll=scroll;

上述** 可以似的 使用者的任何滾動操作,都將被還原。注意這個方式很消耗記憶體(雖然做了settimeout),但是誰讓需求比較二逼呢對吧~

如果你是 非常高階的使用者需求,比如 你希望你的**仍然能夠相容 手機端呢????

上述是有問題的哦~~~~~~  賣個關子,接下來會寫  手持裝置相容的解決方案。 

宣告:文章**

爬蟲禁止訪問解決方法(403)

連線手機熱點,或者換wifi.偽裝瀏覽器請求增加header 收集到的常用header my headers mozilla 5.0 windows nt 6.1 wow64 rv 30.0 gecko 20100101 firefox 30.0 mozilla 5.0 compatible msi...

移動端滾動穿透解決方法

當頁面中出現彈層時,彈層頁面滾動也會引起body的滾動,解決方法如下 開啟彈層時獲取當前頁面的滾動值,並給body設定position fixed top 當前頁面的滾動值 var scrollpx body scrolltop body addclass openfixed body css to...

記幾個頁面亂碼的解決方法

php連線資料庫,指定資料庫編碼 mysql set charset utf8 mysql set charset string charset resource link identifier null link mysql 連線。如不指定連線標識,則使用由 mysql connect 最近開啟的...