固定jquery css位置
固定jquery css位置
提问于 2016-06-15 03:53:44
我在移动视图上有一个菜单切换，它的菜单完全覆盖了内容，但如果用户试图向下滚动菜单，背景内容就会滚动。我想修复后台内容以消除这个问题，并编写了这段代码，但它不起作用：
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。我做错了什么？
谢谢!
回答 3
Stack Overflow用户
发布于 2016-06-15 04:01:37
{}很好，它们被正确使用了。问题很可能是您在调用top-nav时没有针对IDS的#，或者没有针对类的.。
so change:
$('top-nav')类的：
$('.top-nav')或id:
$('#top-nav')Stack Overflow用户
发布于 2016-06-15 04:02:02
DO A
body{
overflow-y: hidden;
}当覆盖内容是shown onlick并且当覆盖再次被隐藏时，执行overflow :auto
Stack Overflow用户
发布于 2016-06-15 04:51:55
而不是
$('top-nav').css({ "position": "fixed" });
将":“更改为"，”，并去掉大括号，使其显示为：
$('top-nav').css("position", "fixed");
对您的第二行执行相同的操作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37820942
复制相关文章
相似问题
腾讯云开发者
