首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >删除滚动条jquery

删除滚动条jquery
EN

Stack Overflow用户
提问于 2015-05-13 12:54:03
回答 4查看 2.7K关注 0票数 3

我正在开发一个插件的wordpress (目前使用二十三主题),当你点击一个div模式将显示。当模式显示时,我想移除body上的滚动条。

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

代码语言:javascript
运行
复制
jQuery("#page").css("overflow", "hidden");
jQuery('body').css('overflow','hidden');

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

我也尝试过像jQuery('body').css('overflow','hidden!IMPORTANT');一样使用!IMPORTANT,但仍然不能工作

我希望有人能帮我解决这个问题。

谢谢!

EN

回答 4

Stack Overflow用户

发布于 2015-05-13 12:58:40

代码语言:javascript
运行
复制
jQuery('body').css({
'overflow': 'hidden'
'height'  : $( window ).height()
});
票数 1
EN

Stack Overflow用户

发布于 2015-05-13 13:01:16

看我的小提琴:Here

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

代码语言:javascript
运行
复制
body.dialog-visible {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
票数 0
EN

Stack Overflow用户

发布于 2015-05-13 13:05:37

使用此css删除滚动条

代码语言:javascript
运行
复制
::-webkit-scrollbar { 
    display: none; 
}

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30205970

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档