- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
所以基本上我正在开发一个网站,其中滚动事件的默认设置被阻止,而是每次滚动都会带您向下或向上到下一个“部分”。这在 PC 和某些手机上运行得很好,但在 iOS 上,滚动变得一团糟,坦白说,我没有主意了。
我使用的移动设备滚动 API 是 jquery touchSwipe https://github.com/mattbryson/TouchSwipe-Jquery-Plugin
下面的代码是应该完成所有工作的函数。
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$(window).swipe({
swipe:function(event, direction, distance, duration, fingerCount, fingerData) {
if (scrolling == false && direction === "down") {
scrolling = true;
scrollSection = Math.round($(window).scrollTop()/window.innerHeight);
scrollTo_(event,sections[scrollSection-1]);
setTimeout(function() {
scrolling = false;
}, 1000);
}
else if (scrolling == false && direction === "up") {
scrolling = true;
scrollSection = Math.round($(window).scrollTop()/window.innerHeight);
scrollTo_(event,sections[scrollSection+1]);
setTimeout(function() {
scrolling = false;
}, 1000);
}
}
});
}
如果您有任何疑问,请务必告诉我,我将更新此问题。
最佳答案
您尝试过 this ?前几天在我的网络应用程序中,我研究了 Jquery UI slider ,这不适用于移动设备,因此在附加后它就可以工作了。
关于javascript - jquery touchswipe 插件在 iOS 上无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58243565/
我正在使用 jQuery TouchSwipe 插件。它在 div 上工作得很好,但在链接上根本不起作用。 我想要这样,如果您点击或单击链接,您将获得默认的链接行为。但是如果你滑动,我希望 javas
我有一个使用 touchSwipe 的网站,只需滑动即可正常工作。问题是点击事件似乎不起作用。起初,我认为可能是因为网站中的现有脚本以某种方式干扰了它,所以我创建了一个页面,除了网站的 touchSw
我正在使用 jquery 的 touchSwipe 插件将滑动转换为点击。 当我滑动页面刷新或尝试到达下一页时,它似乎正在工作,但正在显示相同的内容。 我对下一次点击/滑动的这行代码有疑问。
我正在使用 jquery.touchSwipe 插件,但我现在面临一个问题。 如果 div 中有任何链接,当您尝试打开该链接时它不会起作用,但当您滑动时它会正常工作。 检查下面的代码。 $(funct
是否可以在已经具有点击功能的元素上使用touchswipe? $('#myelem').click(function() { // do stuff }); 我尝试使用: $('#myelem').
我一直在测试 TouchSwipe 插件:http://labs.rampinteractive.co.uk/touchSwipe/demos/它就像我想要的那样工作。但出于某种原因,它不适用于我从另
我有一个漂亮的 css 切换控件,我正在尝试为其添加滑动支持,并且我正在使用 TouchSwipe 插件。问题是我不知道如何只影响调用它的元素。我在页面上有一堆切换按钮,现在它们都被触发了,而不仅仅是
我正在摆弄 TouchSwipe jQuery 插件。我通过向左(上一篇文章)和向右(下一篇文章)滑动成功添加了一种导航。如果我单独尝试我的代码片段,它可以工作,当我将其与其他 jQuery 代码一起
我正在使用 SwipeTouch plugin通过滑动来隐藏和显示 #child 元素。 我有包含 #child 元素的 #parent 元素。 这个#child不会总是有足够的内容来创建滚动条,但是
我为 PhoneGap 应用程序构建了一个 GUI。有很多可滑动的页面可以在应用程序中导航。我使用 jQuery 插件“touchSwipe”来设置滑动处理程序。 当我单击向应用程序添加新页面的按钮时
TouchSwipe是一个很棒的插件,可以将滑动添加到您的网站。但是当这个插件被激活时,我在选择文本时遇到了问题。 $(window).swipe( { //Generic
我有一些垂直排列的 div 元素列表。使用jQuery TouchSwipe plugin添加了滑动事件以捕捉左右滑动。想法是通过像这样向左或向右滑动来从列表中删除元素: 最后我得到了这样的东西: $
我遇到了一个问题,touchSwipe.js 没有在 a 元素上触发滑动事件。我进行了研究并找到了 answer SO 很快。 这个解决方案非常有效,除了 anchor 停止表现得像它们应该表现的那样
所以基本上我正在开发一个网站,其中滚动事件的默认设置被阻止,而是每次滚动都会带您向下或向上到下一个“部分”。这在 PC 和某些手机上运行得很好,但在 iOS 上,滚动变得一团糟,坦白说,我没有主意了。
我正在使用很棒的 CarouFredSel JQuery 轮播插件,包括集成 JQuery TouchSwipe 的功能也适用于手持设备的库。 轮播元素是 div,div 内是图像和文本,包裹在 中
我正在尝试在我创建的移动网站上结合使用 Skinkers Labs 的 TouchSwipe 插件和 jQuery Mobile,该网站也采用响应式设计。 触摸滑动: http://labs.skin
我正在查看 TouchSwipe 插件 - http://labs.rampinteractive.co.uk/touchSwipe/demos/我想知道如何在滑动手势上调用其他 HTML 文件? 所
我正在构建一个网络应用程序,但在 iOS7 中,jquery.touchSwipe 之间存在干扰和我的“点击”事件。 Web 应用程序在较旧的 iOS 版本上运行良好,没有障碍。 问题是,如果我将 j
我是一名优秀的程序员,十分优秀!