针对解决jquery.touchSwipe左右滑动和垂直滚动条冲突的问题，建议以下两种解决方案：
方案一：通过代码实现禁用垂直滚动条
- 引入jquery.touchSwipe插件和jQuery库文件
```
2. 在页面加载完毕后，禁用垂直滚动条
$(document).ready(function(){
$('body').css({
"overflow-y":"hidden"
});
});
3. 使用touchSwipe插件时，传递一个`excludedElements`参数，表示不响应滑动的元素。在代码中将垂直滚动条排除掉即可，示例如下：
$(document).swipe({
swipe:function(event, direction, distance, duration, fingerCount, fingerData){
if(direction == "left"){
// 向左滑动事件的处理
}else if(direction == "right"){
// 向右滑动事件的处理
}
},
excludedElements:"textarea, select, input, .noSwipe"
});
```
方案二：通过html和css样式设置禁用垂直滚动条
- 在html文档的
<head>标签中加入以下样式，使页面禁用垂直滚动条：
```
2. 在页面中创建一个滚动区域，将内容放置其中。示例如下：
3. 使用touchSwipe插件时，同样需要将垂直滚动条排除掉，示例如下：
$(document).swipe({
swipe:function(event, direction, distance, duration, fingerCount, fingerData){
if(direction == "left"){
// 向左滑动事件的处理
}else if(direction == "right"){
// 向右滑动事件的处理
}
},
excludedElements:"textarea, select, input, .scrollable"
});
```
以上就是针对jquery.touchSwipe左右滑动和垂直滚动条冲突的两种解决方案，您可以根据实际需求选择合适的方案。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突 - Python技术站
微信扫一扫 
支付宝扫一扫 