uniapp小程序控制页面元素滚动指定距离

要实现页面元素滚动,最好还是使用 scroll-view 来实现,官方文档地址:scroll-view | uni-app官网

通过设置scroll事件来实现滚动监听,当滚动的元素的时候,就会触发这个事件,并且事件里面包含有滚动距离,就可以通过设置这个距离,来实现和其他同步滚动组件联动:

其他元素的滚动距离,可以通过设置横向滚动距离位置:scroll-left="100" 来实现横向滚动,设置scroll-top="100" 来实现纵向滚动。

所以可以通过动态设置这个滚动距离,和其他元素实现滚动联动:

当监听到滚动事件后,就修改这个滚动距离:

其他表格头和左侧的label也要控制:

 

相关推荐

  1. 程序页面滚动

    2024-05-16 07:40:11       31 阅读
  2. uniapp 页面滚动指定位置的方法

    2024-05-16 07:40:11       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-05-16 07:40:11       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-05-16 07:40:11       101 阅读
  3. 在Django里面运行非项目文件

    2024-05-16 07:40:11       82 阅读
  4. Python语言-面向对象

    2024-05-16 07:40:11       91 阅读

热门阅读

  1. uniapp外部scss文件使用scss语法不生效.

    2024-05-16 07:40:11       30 阅读
  2. K8S搭建

    K8S搭建

    2024-05-16 07:40:11      32 阅读
  3. 命令模式(命令)

    2024-05-16 07:40:11       31 阅读
  4. 关于数据结构的整理

    2024-05-16 07:40:11       31 阅读
  5. android之instrumentation的简单记录

    2024-05-16 07:40:11       37 阅读
  6. OpenAI 推出 GPT-4o,慢其实是快

    2024-05-16 07:40:11       28 阅读
  7. 如何使用Python进行网页爬取

    2024-05-16 07:40:11       41 阅读
  8. 自强不息(好习惯与自律相互促进)

    2024-05-16 07:40:11       31 阅读
  9. Spring MVC(七) 异常处理

    2024-05-16 07:40:11       38 阅读
  10. Oracle数据块之数据行中的SCN

    2024-05-16 07:40:11       32 阅读
  11. 【专用】C# ArrayList的用法总结

    2024-05-16 07:40:11       29 阅读