mCustomScrollbar获取滚动位置

mCustomScrollbar get scroll position

本文关键字：位置 滚动 获取 mCustomScrollbar      更新时间：2023-09-26

我使用mCustomScrollbar，我想知道我的滚动条位置是否在底部使用jquery。这怎么可能呢?我可以使用普通的底部检查使用jquery或任何功能，可在mCustomScrollbar库?

看回调的例子-有滚动百分比显示%的滚动。打开HTML源代码，你会看到它使用 whilesrolling callback: $("#mcs-top-pct").text(this.mcs.topPct+"%");，所以当this.mcs.topPct为100时，容器滚动到底部:)

我曾经这样对自己说:

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

之后，您可以使用以下代码获得scrollTop:

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

可以从滚动块的顶部位置计算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());
相关文章：