javascript - jquery mcustomscrollbar は現在のアイテムを取得します

Question

スライダー領域で mcustomscrollbar を使用しました。

URL横スクロール例のURLはこちらを参考にしてください

横スクロール部を利用しましたcontent x

以下は私が使用したコードです

        $(".selector").mCustomScrollbar({
                axis:"x",
                autoHideScrollbar:true,
                alwaysShowScrollbar:0,
                contentTouchScroll:true,
                mouseWheel: false,
                advanced:{autoExpandHorizontalScroll:true},
                callbacks:{
                    onScroll:function(){
                        alert(this.mcs.leftPct); /// This is the scrol percentage

                    }


                }

            });

ここでは、正常に動作しています。私のタスクは、スクロール率を取得したコールバック領域にあります。これを使用して、現在の要素番号を取得する方法。つまり、最初はスクロール パーセンテージは 0 で、要素は 0 番目で、1 番目の要素が表示されます。スクロールバーをドラッグした後、ある位置に移動しました。その時点で、どの要素がビュー ポート スライダー領域にあるか。スクロール中に、スクロールバーがある現在の要素を取得したいと思います。

これを手に入れるのを手伝ってください。スクロールバーが3番目の要素より下にある場合、要素番号を取得したい。

要素番号を取得するには、次を使用しました。

var tot_item_count = 12;                            
var elm_no = Math.round((tot_item_count*this.mcs.leftPct)/100);

しかし、それは間違った結果をもたらします

スクリーン ショットを参照してください: すべての画像のスクロールはこちら

ここで、スクロールは 3 番目の要素の近くにあります

ここでスクロールは5番目の要素の近くにあります