当前位置: 首页 > 知识库问答 >
问题:

javascript - h5页面嵌套在app里 怎么做用手指滑动列表时,数据在跟着上下滑动,求一个能用手滑动的例子?

易焱
2024-01-03

h5页面嵌套在app里 怎么做用手指滑动列表时,数据跟着上下滑动?

页面用vue写的,不用第三方的框架或者插件

求一个能用手滑动的例子
初始化的时候 transform: translate(0px, 0px) translateZ(0px);
每向上或者向下滑动时,数据跟着滑动

image.png

共有1个答案

方航
2024-01-03

别用 translate,直接用 scroll 滚动,不需要自己的 JS 来控制。

 类似资料:
  • 这段代码实现类似水果忍者应用中,用户手指在屏幕上划动时出现划痕轨迹的效果,有兴趣的朋友可以研究一下。 [Code4App.com]

  • 问题是将作为参数,根据文档,该参数是“RecyclerView正在绘制其子级的画布”。有没有办法从中获取画布?如果执行,则会执行代码,但在ViewWholder后面没有绘制任何内容,因为它显然不是recyclerview使用的画布...也许有办法设置一个canvas供recyclerview使用吗? 谢谢你的正手点子。

  • 滑动操作列表是列表的扩展,它提供滑动操作的功能,滑动列表元素可以展现隐藏的功能菜单,就像滑动删除一样。 让我们来看一下滑动列表元素的布局结构: <div class="list-block"> <ul> <!-- li上额外的“swipeout”类 --> <li class="swipeout"> <!-- 被“swipeout-content”包裹起来的普通列表

  • 问题内容: 您如何使用JavaScript在网页上检测到用户向某个方向滑动手指? 我想知道是否存在一种适用于iPhone和Android手机上的网站的解决方案。 问题答案: 简单的原始JS代码示例: 在Android上测试。

  • 问题内容: 在这里四处寻找了一段时间,但似乎找不到有效的解决方案。 我试图在Swift中禁用滑动以返回到上一个视图手势。 我尝试了多种解决方案,包括: 和 是否有执行此操作的新方法或其他可行的方法? 问题答案: 您可以禁用它,但是不建议这样做,因为大多数iOS用户通过滑动来回退,而通过按后退按钮可以减少回退。如果要禁用它,则使用a 代替推送转移(不是很大的转移)更为合理。如果您真的想摆脱滑动返回功

  • 问题内容: 我正在开发一个Android应用程序,希望在其中滑动手指即可滑动图像。我已经实现了可以滑动图像的,但是我不知道如何实现手指触摸功能。 请给我建议任何方法,如何用手指滑动图像。任何建议或任何教程或方法都将有所帮助。 问题答案: 您可以使用onTouchListner方法代替onClickListner。下面给出了onTouchListners示例。