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

Question

我们可以使用 $('selector')[0].scrollHeight 使用 jquery

获取可滚动 div 的高度

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

在 mcustomscrollbar 的情况下，是否有任何方法可以获取可滚动 div 的高度？

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

请多多指教..

提前致谢

Answer 1

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

我终于想到了这个解决方案

只需对 selector childrens 求和即可获得高度，如下所示

$(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

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

Get height of a scrollable div which has a custom scrollbar

javascript

jquery

scrollbar

custom-controls