删除滚动条jquery

Question

我正在开发一个关于wordpress的插件（目前正在使用Twenty Thirteen主题），当你点击一个div模态时会显示。每当模态显示时，我想删除正文上的滚动条。

我使用了下面的代码，但它似乎不起作用：

jQuery("#page").css("overflow", "hidden");
jQuery('body').css('overflow','hidden');

我可以看到正在添加firebug上的style="overflow: hidden;"，但滚动条仍在显示。

我还尝试使用!IMPORTANT jQuery('body').css('overflow','hidden!IMPORTANT');，但仍然无效

我希望有人能帮助我。

谢谢！

Answer 1

jQuery('body').css({
'overflow': 'hidden'
'height'  : $( window ).height()
});

Answer 2

看我的小提琴：Here

因为你的身体没有固定的高度，所以它不会溢出，所以溢出本身并没有做任何事情。当对话可见时，将height添加到您的身体。

body.dialog-visible {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

Answer 3

使用此css来移除滚动条

Calendar.getInstance()

请务必使用正确的标签，否则会隐藏所有滚动条。

Answer 4

添加以下样式：

<style>
BODY #s4-workspace 
{
OVERFLOW-X: hidden !important;OVERFLOW-Y: hidden !important;
}
</style>

这会删除两个滚动条。