我正在构建一个移动站点,其中有一组图片幻灯片,允许水平滑动查看图片。我使用的javascript库是bxslider。但是,如果用户触摸幻灯片并想要上下滚动页面,幻灯片会阻止垂直滚动,因此必须触摸站点的另一部分。
请问有人能告诉我如何保持垂直滚动启用(即不允许幻灯片阻止正常滚动吗?)
谢谢!
我正在构建一个移动站点,其中有一组图片幻灯片,允许水平滑动查看图片。我使用的javascript库是bxslider。但是,如果用户触摸幻灯片并想要上下滚动页面,幻灯片会阻止垂直滚动,因此必须触摸站点的另一部分。
请问有人能告诉我如何保持垂直滚动启用(即不允许幻灯片阻止正常滚动吗?)
谢谢!
bxslider
库中的 onTouchMove
函数更改为以下内容。 var onTouchMove = function (e) {
if (slider.settings.mode != 'fade') {
var orig = e.originalEvent;
var value = 0;
// if horizontal, drag along x axis
if (slider.settings.mode == 'horizontal')
{
var hchange = orig.changedTouches[0].pageX - slider.touch.start.x;
var vchange = orig.changedTouches[0].pageY - slider.touch.start.y;
if(Math.abs(hchange)>20 && Math.abs(hchange)>Math.abs(vchange))
{
value = slider.touch.originalPos.left + hchange;
setPositionProperty(value, 'reset', 0);
e.preventDefault();
}
// if vertical, drag along y axis
} else{
e.preventDefault();
var change = orig.changedTouches[0].pageY - slider.touch.start.y;
value = slider.touch.originalPos.top + change;
setPositionProperty(value, 'reset', 0);
}
}
}