第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

JavaScript如何屏蔽頁面的滾動?

JavaScript如何屏蔽頁面的滾動?

四季花海 2019-03-30 23:19:00
如題。舉個例子吧:寫一個彈窗組件,彈窗未出現(xiàn)時頁面可以滾動,彈窗出現(xiàn)后彈窗這一層的下面就不能滾動(但彈窗里的內(nèi)容能滾動)。
查看完整描述

6 回答

?
BIG陽

TA貢獻(xiàn)1859條經(jīng)驗 獲得超6個贊

下面這段代碼可以(...js)屏蔽滾輪, 不過對于瀏覽器兼容性不太確定


handler = (event) -> event.preventDefault()

document.body.addEventListener 'mousewheel', handler

setTimeout ->

  document.body.removeEventListener 'mousewheel', handler

, 4000


查看完整回答
反對 回復(fù) 2019-04-12
?
偶然的你

TA貢獻(xiàn)1841條經(jīng)驗 獲得超3個贊

目前能想到的有

  1. 阻止所有能導(dǎo)致頁面滾動的事件。 //scroll不能阻止,只能阻止mousewheel,鼠標(biāo)拽滾動條就悲劇了

  2. body overflow:hidden //win下右側(cè)滾動條會消失導(dǎo)致頁面橫移,移動端阻止不了

  3. 把滾動部分單獨(dú)放在一個div里,和彈出部分同級,body和window同高。 //所有涉及offset/scrollTop的方法都要修改。fix并且width100%的元素(比如微博頂欄)會壓在內(nèi)容區(qū)滾動條上

  4. 彈出時算scrollTop,給內(nèi)容區(qū)fix然后top移動到目前位置,同時body給一個overflow-y:scroll強(qiáng)撐出滾動條。


查看完整回答
反對 回復(fù) 2019-04-12
?
慕標(biāo)琳琳

TA貢獻(xiàn)1830條經(jīng)驗 獲得超9個贊

最近剛好研究了一下這個問題,這里是我寫的文章,也許可以給你提供一些思路。
禁止蒙層底部頁面跟隨滾動

查看完整回答
反對 回復(fù) 2019-04-12
  • 6 回答
  • 0 關(guān)注
  • 2606 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號