获取溢出的div的内容高度：隐藏的样式

Question

我正在为jquery设计一个垂直滚动条插件。我的插件接受高度值作为选项，如果div高度超过给定高度，则滚动条将可见。现在问题是我需要获得div内容的真实高度。

  <div id="scroll">
     Contents Here
    </div> 

jquery的：

 $.fn.vscrollbar = function (options) {
    .
    .
    .
    var contentHeight=this.contents().height() //that is not working correctly
    if(contentHeight > options.height){
    this.css({overflow : 'hidden'}).height(options.height); 
    }
    .
    .
    .
    })(jQuery);

我可以在申请之前获得div的高度。溢出：隐藏＆＃39;但问题是我希望这个工作即使它有溢出：隐藏的风格从开始。

Answer 1

您应该在页面上隐藏div，width但overflow auto。只要您的插件被调用/实例化，请获取隐藏div的高度并执行您想要的操作。

Answer 2

我知道应该工作的一种方法是在溢出内部放置一个内容元素并获取其高度，因为它应该保留其高度值。

Answer 3

.css（）方法应该可以正常工作

$(this).css('height');