我利用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
重现: - 加载页面 - 按右键(不要做任何其他事) - 用鼠标向下滚动 - 现在箭头坏了 修理: - 只需抓取滑块的内容,然后滑动即可 - 尝试向左或向右按钮,然后再次使用
有没有人知道这里可能出现什么问题?
答案 0 :(得分:1)
问题来自图书馆本身似乎是使用3.7.3,将其升级到3.9.1并且现在似乎已经解决了: http://yui.yahooapis.com/3.9.1/build/yui/yui-min.js