jquery mcustomscrollbar获取当前项目

时间:2015-03-19 05:00:31

标签: javascript jquery custom-scrolling

我在滑块区域使用了mcustomscrollbar。

请参阅网址horizontal scroll example url here

我使用了水平滚动部分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,第一个元素被查看。拖动滚动条后,它移动到某个位置。那时哪个元素在视图端口滑块区域。滚动时我想获取当前元素,滚动条在哪里。

请帮我解决这个问题。如果滚动条位于第3个元素下方,我想检索元素编号。

要获取元素否,我使用了以下内容:

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

但它给出了错误的结果

参考屏幕截图: 这里滚动所有图像 enter image description here

此处滚动靠近第3个元素 enter image description here

此处滚动位于第5个元素附近 enter image description here

0 个答案:

没有答案