Pagination YUI scrollView箭头在页面滚动后不工作
我使用YUI scrollview制作了一个包含触摸、轻弹和箭头的菜单结构。但是,由于某些原因,箭头有一个bug 当第一次加载页面时,它可以正常工作,但是,只要用户用鼠标(在平板电脑或手机上)滑动页面,箭头就不再起作用。当我滑动内容时,箭头神奇地再次出现在我的生活和工作中 这是我用于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().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,现在似乎已经解决了: