使用jQuery移动设备更改滑动敏感度
使用jQuery移动设备更改滑动敏感度
提问于 2013-05-16 04:19:30
我在iPhone和滑动到其他页面时遇到了问题。向下滚动页面时，动作的敏感度很高，会滑动到下一页。有没有办法在这段代码中控制滑动敏感度：
<script type="text/javascript">
$(document).ready(function(){
var counter = 1;
$(document).bind('swipeleft','#deal_1',function (event, ui) {
counter++;
if(counter>3)
counter = 1;
var nextpage = 'dailydeal'+counter+'.html';
if (nextpage.length > 0) {
$.mobile.changePage(nextpage, {transition: "slide",
reverse: false}, true, true);
}
});
$(document).bind('swiperight','#deal_1',function (event, ui) {
counter--;
if(counter<1)
counter=3;
var prevpage = 'dailydeal'+counter+'.html';
if (prevpage.length > 0) {
$.mobile.changePage(prevpage, {transition: "slide",
reverse: true}, true, true);
}
});
});
</script>回答 2
Stack Overflow用户
发布于 2013-09-06 20:18:09
要使此响应适用于所有设备，我建议设置与屏幕宽度相关的阈值。例如：
$.event.special.swipe.scrollSupressionThreshold = (screen.availWidth) / 60;
$.event.special.swipe.horizontalDistanceThreshold = (screen.availWidth) / 60;
$.event.special.swipe.verticalDistanceThreshold = (screen.availHeight) / 13;Stack Overflow用户
发布于 2013-05-24 14:58:37
这似乎在很大程度上是有效的：
<script type="text/javascript">
$(document).bind("mobileinit", function () {
$.event.special.swipe.horizontalDistanceThreshold = 100;
});
</script>据我所知，horizontalDistanceThreshold默认设置为30px，因此我将其更改为100。到目前为止，当向下滚动时，它似乎是平衡的，而且不是太敏感。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16578936
复制相关文章
相似问题
JGit删除git存储库
USERAUTH使用JGit安全地访问PullCommand()的git失败
结合Git存储库
如何安全地将SSH密钥存储在Git存储库中？
使用JGit访问存储库中的修改文件
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
