删除滚动条 jquery答案

【问题标题】：Remove scrollbar jquery删除滚动条 jquery
【发布时间】：2015-05-13 04:54:03
【问题描述】：

我正在 wordpress 上开发一个插件（当前使用二十三主题），当您单击 div 时，将显示一个模式。每当显示模式时，我都想删除正文上的滚动条。

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

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

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

我也试过像jQuery('body').css('overflow','hidden!IMPORTANT'); 一样使用!IMPORTANT，但还是不行

我希望有人可以帮助我。

谢谢！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

看我的小提琴：Here

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

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

【讨论】：

【解决方案3】：

使用这个 CSS 来移除滚动条

::-webkit-scrollbar { 
    display: none; 
}

一定要在正确的标签中使用，否则它会隐藏所有滚动条。

【讨论】：

【解决方案4】：

添加如下样式：

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

这会删除两个滚动条。

【讨论】：