2016 - 2024

感恩一路有你

如何滚动截图 Swiper与ajax加载动态数据后向上滑不动了?

浏览量:1485 时间:2021-03-16 09:34:16 作者:admin

Swiper与ajax加载动态数据后向上滑不动了?

因为这类事情涉及到事件,所以这取决于您的刷卡绑定滑动事件的时间。如果页面从一开始就开始绑定,那么Ajax加载的数据将不会与滑动事件绑定,因此它不会滑动。要解决这个问题,每次滑动都需要将事件绑定到新添加的数据上

左右滑动和上下滑动都是交互形式。使用哪一种取决于应用程序的特定场景。

推荐几种常见的框架:框架7、引导、zepto、swiper;

当然,也有一些领域需要注意,例如:

1。在苹果手机上,向右滑动很容易触发返回上一页。因此,为了获得互动体验,我们应该谨慎使用正确的滑动操作模式。

2. 设置幻灯片向上翻页时,引导箭头应向上而不是向下;如果单击“向上翻页”,请使用向下箭头。

3. 功能按钮等应该尽量远离页面底部,这样才能更好地适应各种类型和大小的手机,防止按钮被遮挡

翻页其实是一种整页切换的效果。它不仅限于一张图片。您想添加的内容是任意的。

对于动态生成,可以通过Ajax轻松实现。如果需要非常复杂的数据绑定,可以使用一些现成的框架,例如framework7。图中所示的效果来自一奇秀。目前,这种效果有一个流行的名字——H5动画,可以用swiper插件制作。swiper的中国官方网站上也有许多类似的例子。

如何滚动截图 swiper滚动到下一个 swiper做横向滚动导航菜单

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。