我在
my page上启用了iScroll.
请注意,滚动条中的图像是链接(因此弹出窗口可以显示更大的图像,您知道交易).但iScroll的一个可爱功能是你可以拖动鼠标滚动.但是现在,当有人拖动它时,它会自动打开图像而不是滚动条形图.有解决方法吗？
解决方法
我会说在拖动滚动条时向每个锚添加一个类.例如,在拖动时将类名称“拖动”附加到每个锚点,然后在拖动停止时删除该类.
这意味着您可以将preventDefault添加到具有“拖动”类的任何链接.
有点像：
myScroll1 = new iScroll('scroll1',{
snap: 'li',momentum: false,hScrollbar: false,onScrollStart: function () {
$('div#iscroll1 a').addClass("dragging");
},onScrollEnd: function () {
$('div#iscroll1 a').removeClass("dragging");
document.querySelector('.indicator > li.active').className = '';
document.querySelector('.indicator > li:nth-child(' + (this.currPageX+1) + ')').className = 'active';
}
});
$('.dragging').click(function (e) {
e.preventDefault();
}
但这是未经测试的代码,因此您可能需要优化选择器.
