本文分享了jquery.touchSwipe左右和垂直滚动条冲突的解决方案，具体如下。

只需要Html5做一个可以左右切换的功能，但保留上下滚动条的功能。我在移动终端上使用的jquery.touchSwipe插件，很久没有看到对应的解决方案了，只能自己修改，最后可以使用了。

上一张图片：

解决方法是我在Body中加入了左右滚动的事件，而DIV的垂直滚动则用于上下活动。向上代码：

$('#body ')。轻扫({ fingers:'all '，swipeLeft:swipe1，swiperights 3360 swipe 2 })；函数swipe1(事件、方向、距离、持续时间、指数){ tab _ shipu(-1)；//向左滑动想要执行的动作}功能滑动2(事件、方向、距离、持续时间、手指数){ tab _ shipu(1)；//向右滑动要执行的动作}然后上下滚动。我设置了div的卷轴。

div id=' cook ' class=' cook '/div style。库克{ overflow: auto}/style设置body和div的默认高度代码：

$(“body”)。css('height '，document . body . scroll height)；$('.库克')。css('height '，document . body . scroll height-$(' # cook ')。位置()。顶部)；以上就是左右滑动和垂直滚动条冲突的解决方案，希望对大家的学习有所帮助。