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

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

全屏菜單打開時如何禁用正文滾動

全屏菜單打開時如何禁用正文滾動

森欄 2022-10-21 14:17:30
誰能告訴我打開全屏菜單時如何禁用滾動?下面的代碼是我目前擁有的。我需要在菜單打開時禁用桌面和移動設(shè)備上的滾動,因為此時您可以在打開菜單時滾動,并且在您關(guān)閉菜單時會在不知不覺中最終出現(xiàn)在頁面的不同部分。<div class="navigation-container"><input type="checkbox" id="main-navigation-toggle" class="btn btn--close" title="Toggle main navigation" /><label for="main-navigation-toggle">  <span></span></label><nav id="main-navigation" class="nav-main">  <ul class="menu">    <li class="menu__item">      <a class="menu__link" href="#0">Home</a>    </li>    <li class="menu__item">      <a class="menu__link" href="#0">About</a>    </li>    <li class="menu__item">      <a class="menu__link" href="#0">Projects</a>   </li>    <li class="menu__item">      <a class="menu__link" href="#0">Contact</a>    </li>  </ul></nav></div>
查看完整描述

2 回答

?
MYYA

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

我相信您想在切換菜單按鈕時啟用和禁用頁面滾動。您可以通過使用 jQuery 來實(shí)現(xiàn):


$('input[id="main-navigation-toggle"]').on('change',function(e) {

if ($(this).prop('checked')) {

    $('body').css('overflow', 'hidden');

} else {

    $('body').css('overflow', 'auto');

};

});

此代碼將檢查您提供的復(fù)選框輸入id = main-navigation-toggle是否被選中,如果選中,則overflowbody 元素的 CSS 屬性將設(shè)置為hidden,如果未選中,則該overflow屬性將設(shè)置為auto,這意味著滾動菜單關(guān)閉時再次啟用。


查看完整回答
反對 回復(fù) 2022-10-21
?
森林海

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

用這個屬性修改這個類


[id="main-navigation-toggle"] ~ label {

cursor: pointer;

position: absolute;

right: 2rem;

top: 0rem;

z-index: 100;

}


正確的值已更改,我嘗試了這個,或者如果你想禁用滾動


body{

    overflow: hidden;

}


查看完整回答
反對 回復(fù) 2022-10-21
  • 2 回答
  • 0 關(guān)注
  • 170 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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