滑动器滚动到带有自定义滚动条的顶部幻灯片

Question

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

如果我只使用 idangero.plugin 那么一切都行得通：fiddle 但是在加入下一个插件滚动条后，滚动条无法滚动到顶部（除了活动的）幻灯片。

如何加入这两个插件？

malihu插件中负责滚动的部分代码：

_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 slide中的X malihu滚动条。 X 是幻灯片和滚动条的数量

那么我应该 edit/do 怎样才能使它工作并将它粘贴到 idangero 插件中的什么地方

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

此致

Answer 1

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

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

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

滑动器滚动到带有自定义滚动条的顶部幻灯片

Swiper Scroll to Top slide with customscrollbar

javascript

jquery

plugins

slider

vertical-scrolling