mCustomScrollbar获取滚动位置

Question

我正在使用mCustomScrollbar，我想知道我的滚动条位置是否在底部使用jquery.How是可能的吗?我可以在jquery中使用普通的底部检查用法吗?或者mCustomScrollbar库中提供的任何函数？

Answer 1

看看callbacks example -有滚动百分比显示滚动的百分比。打开HTML源代码，您将看到它使用了whileScrolling回调：$("#mcs-top-pct").text(this.mcs.topPct+"%");，因此当this.mcs.topPct为100时，容器将滚动到底部:)

Answer 2

我曾经对自己这样说：

$('#someElement').mCustomScrollbar({theme: "minimal"});

然后，您可以使用以下代码获取scrollTop：

var scrollTop = $('#someElement').find(".mCSB_dragger").position().top;

Answer 3

您可以从dragger的顶部位置计算scrollTop：

    var $scrollerOuter  = $( '.mCustomScrollbar' );
    var $dragger        = $scrollerOuter.find( '.mCSB_dragger' );
    var scrollHeight    = $scrollerOuter.find( '.mCSB_container' ).height();
    var draggerTop      = $dragger.position().top;

    var scrollTop = draggerTop / ($scrollerOuter.height() - $dragger.height()) * (scrollHeight - $scrollerOuter.height());