快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
本文为大家分享了jquery.touchSwipe左右滑动和垂直滚动条冲突问题的解决方法，具体内容如下
正好需要Html5做一个左右可以切换的功能，但是要保留上下滚动条功能。我在移动端使用的jquery.touchSwipe插件，上网找了好久没有看到对应的解决方式，只能自己修改了，最后是能用了。
先上个图：
解决方式是，我把左右滚动的事件添加到了Body上面，而上下活动的使用了DIV的垂直滚动。上代码：
$("#body").swipe( { fingers:'all', swipeLeft:swipe1, swipeRight:swipe2} );
function swipe1(event, direction, distance, duration, fingerCount) {
tab_shipu(-1); //向左滑动你要执行的动作
}
function swipe2(event, direction, distance, duration, fingerCount) {
tab_shipu(1); //向右滑动你要执行的动作
}
然后上下滚动条我设置div的滚动；
<div id="cook" class="cook"></div>
<style>
.cook{
overflow: auto;
}
</style>
设置body和div的默认高度代码：
$("body").css("height",document.body.scrollHeight);
$(".cook").css("height",document.body.scrollHeight-$('#cook').position().top);
以上就是解决左右滑动和垂直滚动条冲突的方法，希望对大家的学习有所帮助。
-
问题内容： 是否可以使用CSS将DIV的垂直滚动条放在div的左侧？那jscript呢？ 问题答案： 您可以使用JQuery和此插件在任意位置添加伪滚动条：JScrollPane
-
问题内容： 我所看到的和jQuery的。左右滑动的功能/方式如何？ 问题答案： 您可以使用jQueryUI中的其他效果来执行此操作： 快速示例：
-
我正在使用j文件选择器，我试图实现以下目标： https://i.stack.imgur.com/O6MNj.png 我试图强制LIST视图使用VERTICAL滚动条，或者我的第二个选项是禁用详细视图中的大小和修改列。 编辑： 有什么方法可以在jFileChooser中插入JScrollBar？
-
我在一个大型遗留系统中工作，系统中有数千个页面，动态生成的表格数据被填充到html中，定义格式如下： 我的任务是移除不必要的小水平滚动条，这些滚动条似乎使系统感到困惑。经过一段时间的研究，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直滚动条本身会推入div的内容区域，从而导致表格数据水平溢出，从而导致不希望出现的水平滚动条。换句话说，当垂直滚动条出现时，它会侵入内容空
-
我在一个大型遗留系统中工作，系统中有数千个页面，动态生成的表格数据被填充到html中，定义格式如下： 我的任务是移除不必要的小水平滚动条，这些滚动条似乎使系统感到困惑。经过一段时间的研究，我意识到当表格数据量垂直溢出包含的div并导致垂直滚动条出现时，新生成的垂直滚动条本身会推入div的内容区域，从而导致表格数据水平溢出，从而导致不希望出现的水平滚动条。换句话说，当垂直滚动条出现时，它会侵入内容空
-
问题内容： 所以目前我有： 但是，我认为对于某些用户来说，那里有更多的内容是显而易见的。他们可以在不知道我的div实际包含更多内容的情况下向下滚动页面。我使用510px的高度，因此它会截断一些文本，因此在某些页面上看起来确实有更多内容，但这不适用于所有页面。 我使用的是Mac，在Chrome和Safari中，垂直滚动条仅在鼠标悬停在Div上并且您正在滚动时才会显示。有没有办法一直显示它？ 问题答案