2 回答

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)閉時再次啟用。

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;
}
添加回答
舉報