jquery css位置固定

Question

我在移動視圖上有一個菜單切換，它的菜單完全覆蓋了內容，但是如果用戶嘗試向下滾動菜單，背景內容就會滾動。 我想修復背景內容以消除此問題並編寫了這段代碼，但它不起作用：

var $ = jQuery;
var viewportWidth = $(window).width();
$(document).ready(function(){
if (viewportWidth < 769){
    alert(viewportWidth);
    if ($(".sidebar-primary").show() ){
        $('top-nav').css({ "position": "fixed" });
    } else {
        $('top-nav').css({ "position": "relative" });
    }
}
});

該網站是 hearthayward.com。 我究竟做錯了什么？

Answer 1

{}很好，它們被正確使用。 問題很可能是您調用top-nav時沒有#代表 IDS 或沒有. 上課。

所以改變：

$('top-nav')

到這里上課：

$('.top-nav')

或者對於一個 id：

$('#top-nav')

Answer 2

做一個

body{
    overflow-y: hidden;
}

當覆蓋內容shown為onlick並且再次隱藏覆蓋時overflow :auto

Answer 3

代替

$('top-nav').css({ "position": "fixed" });

將“：”更改為“，”並放下大括號，使其內容如下：

$('top-nav').css("position", "fixed");

對你的第二行做同樣的事情。