Question

我失去了几天试图在其他幻灯片上查看顶部位置而不是活动幻灯片。我使用插件：idangero.us/swiper/。但是，当我使用malihu.plugin加入上面的插件时没有用，我不知道我做错了什么.. 请帮助我，一个人 ......

如果我只使用idangero.plugin，那么everythink工作：fiddle但是在加入下一个插件后滚动条没有工作滚动到顶部（除了活动）幻灯片。

如何加入这两个插件？

在malihu plugi负责滚动的部分代码：

_wrapperScroll=function(){
        var $this=$(this),d=$this.data(pluginPfx),
            namespace=pluginPfx+"_"+d.idx,
            wrapper=$("#mCSB_"+d.idx+"_container").parent();
        wrapper.bind("scroll."+namespace,function(e){
            if(wrapper.scrollTop()!==0 || wrapper.scrollLeft()!==0){
                $(".mCSB_"+d.idx+"_scrollbar").css("visibility","hidden"); /* hide scrollbar(s) */
            }
        });
    },

在浏览器中显示代码（ff）我可以看到：

mCSB_scrollTools mCSB_3_scrollbar (...) mCSB_scrollTools_vertical

其中：

mCSB_X_scrollbar

在X幻灯片中可能与X malihu滚动条相同。 X是幻灯片和滚动条的数量

那么我应该编辑/做什么才能使其工作以及将其粘贴到idangero插件中

我真的需要你的帮助...

最好的问候

Answer 1

由于您在幻灯片上使用自定义滚动条，因此您需要使用脚本的API来控制它。 mCustomScrollbar插件定义了scrollTo method，它可以在滚动条附加到的元素上使用。

如果要重置滑块中除当前幻灯片之外的所有幻灯片上的滚动条位置，请在onSlideChangeEnd回拨电话

内

$(hook.slides).not(':eq(' + hook.activeIndex + ')').mCustomScrollbar('scrollTo', 0);

Swiper滚动到顶部幻灯片，带有海关滚动栏

1 个答案: