注册 登录
语文数学天才
语文数学天才
  • 发布：2022-12-15 23:19
  • 更新：2022-12-16 18:04
  • 阅读：634

如何利用requestAnimationFrame实现vue-app端的页面自动滚动

分类：uni-app

现在要实现小说自动阅读类的屏幕内容自动滚动功能。但是使用setInterval循环调用uni.pageScrollTo，会存在卡顿，以及轻微抖动（看着发虚的感觉），导致看久了眼睛累。

想利用requestAnimationFrame实现vue-app端的页面自动滚动。

谢谢。

2022-12-15 23:19 负责人:无 分享

没有找到相关结果

    已邀请:
    语文数学天才

    语文数学天才 (作者) - 做最顺手的nvue组件库与工具集

    已经通过renderjs来操作scroll-view的dom，配合requestAnimationFrame来实现平滑稳定的自动滚动

    2022-12-16 18:04 分享

    • jiangwen1994

      你好，方便详细了解一下吗

      2023-12-27 14:19

    • jiangwen1994

      我尝试使用该方案，感觉还是有轻微卡顿存在

      2023-12-27 14:20

    评论 取消
    为什么被折叠? 0 个回复被折叠

    该问题目前已经被锁定, 无法添加新回复

    退出全屏模式 全屏模式 回复
    • 标题 / 粗斜体
    • 代码片段
    • 超链接 / 图片 / 视频
    • 列表 / 引用

    文章内容较多时，可以用标题分段 : 

    ## 大标题 
    ### 小标题

    斜体 / 粗体 : 

    **粗体** 
    *斜体* 
    ***粗斜体***

    代码片段 : 

    ``` javascript
    代码片段
    ```

    超链接 : 

    [链接文字](链接地址) 例: [百度](http://www.baidu.com)

    图片 : 

    ![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

    视频 : 

    !![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

    有序列表 : 

    1. 123
    2. 123
    3. 123

    无序列表 : 

    - 123
    - 123
    - 123

    引用 : ( 双回车后结束引用 )

    > 引用内容
    引用内容
    引用内容
    友情链接
    优势智云 黑马程序员 程序员客栈 个推 锐亚教育 即速应用 DCloud新闻 InfoQ 蓝莺IM HeapDump性能社区 diygw可视化 申请友链

    DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位

    京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001

    | | 违法违规信息举报