使用javascript

Question

我有一个页面，其中由于使用css文件（UIFix.css）而被强制隐藏（使用！important）溢出-x。但是我需要使滚动条可见。我无法修改UIFix.css文件。因此，我在页面末尾的UIFix.css文件下面添加了以下内容，它可以正常工作。

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

但是，我想使用javascript而不是将标签保留在页面末尾来进行此修复。我正在尝试以下有关文件加载的代码，但是它不起作用。

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

我在chrome控制台上尝试了上述操作，但无效。

Answer 1

您可以使用cssText来实现。

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

Answer 2

您可以创建具有所需CSS的CSS类，例如：

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

然后使用addClass()将类添加到元素：

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