我正在开发一个插件的wordpress (目前使用二十三主题),当你点击一个div
模式将显示。当模式显示时,我想移除body上的滚动条。
我使用了下面的代码,但它似乎不起作用:
jQuery("#page").css("overflow", "hidden");
jQuery('body').css('overflow','hidden');
我可以看到firebug上的style="overflow: hidden;"
正在被添加,但滚动条仍然显示。
我也尝试过像jQuery('body').css('overflow','hidden!IMPORTANT');
一样使用!IMPORTANT
,但仍然不能工作
我希望有人能帮我解决这个问题。
谢谢!
发布于 2015-05-13 12:58:40
jQuery('body').css({
'overflow': 'hidden'
'height' : $( window ).height()
});
发布于 2015-05-13 13:01:16
看我的小提琴:Here
因为你的身体没有设定的高度,所以它不会溢出,所以溢出本身不会做任何事情。当对话框可见时,在正文中添加一个height
。
body.dialog-visible {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
overflow: hidden;
}
发布于 2015-05-13 13:05:37
使用此css删除滚动条
::-webkit-scrollbar {
display: none;
}
一定要使用正确的标签,否则会隐藏所有的滚动条。
https://stackoverflow.com/questions/30205970
复制相似问题