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

Question

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

我正在使用以下代码：

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


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

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

Answer 1

只需使用overflow-y的auto值。

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

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

---

溢出的自动值

  

取决于用户代理。 Firefox等桌面浏览器提供   如果内容溢出，则滚动条。

Answer 2

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