Question

我利用YUI scrollview来制作带触摸，轻弹和箭头的菜单构造。但是，出于某种原因，箭头有一个错误。

当第一次正常工作时加载页面时，只要用户使用滑动鼠标滚动页面（在平板电脑或手机上），箭头就不再起作用了。当我滑动内容时，箭头会神奇地再次生存和工作。

这是我用于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));

});

您可以在此处找到演示： http://www.circlesoftware.nl/demo/test.html

重现： - 加载页面 - 按右键（不要做任何其他事） - 用鼠标向下滚动 - 现在箭头坏了修理： - 只需抓取滑块的内容，然后滑动即可 - 尝试向左或向右按钮，然后再次使用

有没有人知道这里可能出现什么问题？

Answer 1

问题来自图书馆本身似乎是使用3.7.3，将其升级到3.9.1并且现在似乎已经解决了： http://yui.yahooapis.com/3.9.1/build/yui/yui-min.js

页面滚动后YUI scrollView箭头不起作用

1 个答案: