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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

防止?jié)L動(dòng)從元素滾動(dòng)到窗口

防止?jié)L動(dòng)從元素滾動(dòng)到窗口

慕姐8265434 2019-12-27 09:51:15
我有一個(gè)模態(tài)框窗口(彈出窗口),其中包含一個(gè)iframe,并且在該iframe中有一個(gè)可滾動(dòng)的div。當(dāng)我滾動(dòng)iframe的內(nèi)部DIV并達(dá)到其上限或下限時(shí),瀏覽器本身的窗口就會(huì)開(kāi)始滾動(dòng)。這是不想要的行為。我已經(jīng)嘗試過(guò)類(lèi)似的方法,當(dāng)鼠標(biāo)進(jìn)入彈出框區(qū)域時(shí),該方法會(huì)在onMouseEnter時(shí)殺死主窗口滾動(dòng):e.preventDefault()由于某些原因無(wú)法正常工作...$("#popup").mouseenter(function(){   $(window).bind("scroll", function(e){        e.preventDefault();   }); }).mouseleave(function(){    $(window).unbind("scroll");});更新資料似乎現(xiàn)在2013年e.preventDefault();就足夠了...
查看完整描述

3 回答

?
明月笑刀無(wú)情

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超4個(gè)贊

抱歉,據(jù)我所知,無(wú)法取消任何滾動(dòng)事件。


無(wú)論W3和MSDN說(shuō):


Cancelable  No

Bubbles     No

我認(rèn)為您必須將這個(gè)問(wèn)題留給瀏覽器作者來(lái)解決。Firefox(無(wú)論如何,在Linux上為3.5)對(duì)我來(lái)說(shuō)似乎都有更好的表現(xiàn):在您開(kāi)始使用滾輪時(shí),如果子代已經(jīng)位于頂端/底端,它只會(huì)滾動(dòng)父代。


查看完整回答
反對(duì) 回復(fù) 2019-12-27
?
MYYA

TA貢獻(xiàn)1868條經(jīng)驗(yàn) 獲得超4個(gè)贊

使用簡(jiǎn)單的CSS屬性解決了(對(duì)于某些瀏覽器):

overscroll-behavior

body{

  height: 600px;

  overflow: auto;

}


section{

  width: 50%;

  height: 50%;

  overflow: auto;

  background: lightblue;

  overscroll-behavior: none; /*   <--- the trick    */

}


section::before{

  content: '';

  height: 200%;

  display: block;

}

<section>

 <input value='end' />

</section>

只需將樣式屬性應(yīng)用到滾動(dòng)應(yīng)該“鎖定”到的元素上,滾動(dòng)事件就不會(huì)冒泡到任何可能具有滾動(dòng)的父元素。


與上面相同的演示,但沒(méi)有技巧:

body{

  height: 600px;

  overflow: auto;

}


section{

  width: 50%;

  height: 50%;

  overflow: auto;

  background: lightblue;

}


section::before{

  content: '';

  height: 200%;

  display: block;

}

<section>

 <input value='end' />

</section>


查看完整回答
反對(duì) 回復(fù) 2019-12-27
  • 3 回答
  • 0 關(guān)注
  • 719 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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