javascript - 获取具有自定义滚动条的可滚动 div 的高度

标签 javascript jquery scrollbar custom-controls

我们可以使用$('selector')[0].scrollHeight使用jquery获取可滚动div的高度

我没有使用上述属性获取 div 的高度,因为我在这里使用了自定义滚动条 (mcustomscrollbar)。

mcustomscrollbar 的情况下,有什么方法可以获取可滚动 div 的高度吗?

这是我的 fiddle获取可滚动 div 的高度

请告诉我..

提前致谢

最佳答案

我没有找到任何技巧来获取具有自定义滚动条的可滚动 div 的高度

最后我想出了这个解决方案

只需通过对选择器子级进行求和来获取高度,如下所示

$(function () {
    $(".content").mCustomScrollbar({
        setHeight: 300
    });
    height = calcualte_height();
    alert($('.content').prop('scrollHeight'));
    alert(height)
});

function calcualte_height() {
    height = 0;
    $('.content').children().each(function() {
        height += $(this).prop('scrollHeight');
    })

    return height;
}

已更新fiddle

关于javascript - 获取具有自定义滚动条的可滚动 div 的高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30620122/

相关文章:

javascript - 如何为 ng-repeat 中的一次迭代添加动态跨度元素?

javascript - 在 Canvas 上绘制图像 HTML5 错误

jquery - hideLoading方法在Fancybox 2函数中的什么位置

javascript - 将 jQuery.ajax() 替换为 Go REST API 端点的 fetch() - 空负载

javascript - 如何检测我的网站/PWA 是否已加载到前台?

javascript - 使用 mongojs 按时间戳查找文档

Jquery 如果条件 CSS

delphi - 同步两个列表框的滚动条

css - 抑制加载页面时在 IE6 中的 iFrame 中强制水平滚动

css - Greybox Overlay 改变窗口大小