jquery - 如何使用 jquery 使滚动条（甚至不活动）消失

Question

我希望当 div 增加超过我设置的高度时，只有它应该显示滚动条，否则不活动的滚动条也不应该显示。

我为此使用以下代码：

$(document).ready(function(){
        if($('.dialog-text').height()<=119 ){
    $(this).css('overflow-y', "hidden");


    }
    else{
    $(this).css('overflow-y', "scroll");
    }
});

显然我一定做错了什么。请指出或给出更好的解决方案。

Answer 1

只需使用 的auto值overflow-y。

删除您添加的 JS，并将此样式添加到 CSS：

.dialog-text
{
    height: 119px;
    overflow-y: auto;
}

---

溢出的自动值

取决于用户代理。如果内容溢出，像 Firefox 这样的桌面浏览器会提供滚动条。

Answer 2

当您的网站加载时，您的代码只运行一次。如果您的 div 在加载后更改了内容，那么您需要在更改 div 的内容后立即创建一个函数来检查高度并在需要时对其进行修改，或者使用attrchange之类的东西来监听 div 的高度变化，并隐藏滚动条如有必要。