我在移动 View 上有一个菜单切换，菜单完全覆盖内容，但如果用户试图向下滚动菜单，背景内容会滚动。我想修复背景内容以解决这个问题，并编写了这段代码，但它不起作用:
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。我做错了什么？
最佳答案
{} 很好，它们被正确使用。问题很可能是您调用 top-nav 时没有 # 用于 IDS 或没有 . 用于类。
所以改变:
$('top-nav')
为了上课:
$('.top-nav')
或者对于一个 id:
$('#top-nav')
关于jquery css 位置固定，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37820942/