使用javascript设置溢出滚动

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (24)

由于使用了css文件(UIFix.css),其中有一个页面,其中overflow-x被强制隐藏(使用!important)。但我需要看到滚动条。我无法修改UIFix.css文件。所以我在UIFix.css文件下面的页面末尾添加了以下内容,它可以正常工作。

<style>
body{overflow-x: scroll !important;}
</style>

但是,我想使用javascript进行此修复,而不是将标记保留在页面的末尾。我正在尝试下面的文档加载代码,但它不起作用。

$('body').css('overflow-x','scroll','important');

我从chrome控制台尝试了以上操作但它没有用。

提问于
用户回答回答于

你可以使用这个来实现cssText

$('body').css('cssText', 'overflow-x: scroll !important;');
用户回答回答于

您可以创建一个具有所需css的css类,例如:

.overflow-x-scroll {
    overflow-x: scroll !important;
}

然后将该类添加到元素中addClass()

$("body").addClass("overflow-x-scroll");

扫码关注云+社区

领取腾讯云代金券