好的，導航欄菜單（白色欄）工作正常并且粘在頂部，但是當我單擊菜單時，粘性類不再工作。我找出了導致問題的原因，但我不知道如何解決這個問題。?/*?This?is?Causing?Sticky?To?Not?Work?After?you?Click?On?"Hamburger?Menu"?*/
???.bottomnav.responsive?{position:?relative;}我嘗試刪除 .bottomnav.responsive {position:relative;} 但當我這樣做時菜單無法正常工作。請讓我知道解決此問題而不弄亂菜單的最佳方法是什么。
1 回答
慕后森
TA貢獻1802條經驗 獲得超5個贊
您可以使用此代碼進行粘性嗎
function fixed_top_menu() {
var windows = $(window);
windows.on("scroll", function () {
var header_height = $(".bottomnav").height();
var scrollTop = windows.scrollTop();
if (scrollTop > header_height) {
$(".bottomnav").addClass("sticky");
} else {
$(".bottomnav").removeClass("sticky");
}
});
}
fixed_top_menu();
.bottomnav.sticky{
background-color: #fff;
position: fixed;
top: 0;
}
- 1 回答
- 0 關注
- 108 瀏覽
添加回答
舉報
0/150
提交
取消