Pagination YUI scrollView箭头在页面滚动后不工作

Pagination YUI scrollView箭头在页面滚动后不工作,pagination,scrollview,yui,arrows,Pagination,Scrollview,Yui,Arrows,我使用YUI scrollview制作了一个包含触摸、轻弹和箭头的菜单结构。但是,由于某些原因,箭头有一个bug 当第一次加载页面时,它可以正常工作,但是,只要用户用鼠标(在平板电脑或手机上)滑动页面,箭头就不再起作用。当我滑动内容时,箭头神奇地再次出现在我的生活和工作中 这是我用于scrollView的脚本: YUI().use('scrollview-base', 'scrollview-paginator', function(Y) { var scrollView = new

我使用YUI scrollview制作了一个包含触摸、轻弹和箭头的菜单结构。但是,由于某些原因,箭头有一个bug

当第一次加载页面时,它可以正常工作,但是,只要用户用鼠标(在平板电脑或手机上)滑动页面,箭头就不再起作用。当我滑动内容时,箭头神奇地再次出现在我的生活和工作中

这是我用于scrollView的脚本:

YUI().use('scrollview-base', 'scrollview-paginator', function(Y) {

    var scrollView = new Y.ScrollView({
        id: "scrollview",
        srcNode : '#clientslider-content',
        width : 950,
        flick: {
            minDistance: 10,
            minVelocity: 0.3,
            axis: "x"
        }
    });

    scrollView.plug(Y.Plugin.ScrollViewPaginator, {
        selector: 'li'
    });

    scrollView.render();


    var content = scrollView.get("contentBox"); 
    var scrollViewCurrentX = $('#clientslider-content').offset();

    content.delegate("click", function(e) {

        var scrollViewNewX = $('#clientslider-content').offset();
        var scrollMarginL = (scrollViewNewX.left-2);
        var scrollMarginR = (scrollViewNewX.left+2);

        if (scrollViewCurrentX.left < scrollMarginL || scrollViewCurrentX.left > scrollMarginR)
        {
            e.preventDefault();
        }               
    }, ".clientlink");

    content.delegate("mousedown", function(e) {
        scrollViewCurrentX = $('#clientslider-content').offset();               
        e.preventDefault();            
    }, "a, img");

    Y.one('#clientslider-next').on('click', Y.bind(scrollView.pages.next, scrollView.pages));
    Y.one('#clientslider-prev').on('click', Y.bind(scrollView.pages.prev, scrollView.pages));

});
YUI()。使用('scrollview-base','scrollview分页器',函数(Y){
var scrollView=新的Y.scrollView({
id:“滚动视图”,
srcNode:“#客户端滑块内容”,
宽度:950,
电影:{
心灵距离:10,
最小速度:0.3,
轴:“x”
}
});
scrollView.plug(Y.Plugin.ScrollViewPaginator{
选择器:“李”
});
scrollView.render();
var content=scrollView.get(“contentBox”);
var scrollViewCurrentX=$(“#clientslider内容”).offset();
内容。代表(“点击”,功能(e){
var scrollViewNewX=$('#clientslider content').offset();
var scrollMarginL=(scrollViewNewX.left-2);
var scrollMarginR=(scrollViewNewX.left+2);
如果(scrollViewCurrentX.leftscrollMarginR)
{
e、 预防默认值();
}               
}“.clientlink”);
content.delegate(“鼠标向下”,函数(e){
scrollViewCurrentX=$(“#clientslider内容”).offset();
e、 预防默认值();
},“a,img”);
Y.one('#clientslider next')。on('click',Y.bind(scrollView.pages.next,scrollView.pages));
Y.one('clientslider prev')。在('click',Y.bind(scrollView.pages.prev,scrollView.pages));
});
您可以在此处找到演示:

复制: -加载页面 -按右键(不要做任何其他事情) -用鼠标向下滚动 -箭现在断了 要修复: -只需绘制滑块的内容,然后滑动它 -尝试向左或向右按钮,它们会再次工作


有人知道这里可能有什么问题吗?

问题似乎来自于库本身,使用的是3.7.3,升级到3.9.1,现在似乎已经解决了:

问题似乎来自库本身,在使用3.7.3时,将其升级到3.9.1,现在似乎已经解决了: