当前位置: 首页 > news >正文

微信小程序中实现自动滚动

使用scroll-view组件的scroll-into-view属性:
在这里插入图片描述

<scroll-view class="container" scroll-y="{{true}}" scroll-into-view="recordBottomScroll"><view  class="text_style" style="color: #252526;">{{text}}</view><view id="recordBottomScroll" style="width: 1rpx; height: 1rpx"></view>
</scroll-view>

假设我们想要在text中输入文字,并且想要自动滚动的话就加在这个元素下面加一个假的元素。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • C语言 | Leetcode C语言题解之第336题回文对
  • 第N4周:NLP中的文本嵌入
  • 基本排序算法
  • 编程学习笔记秘籍:开启高效学习之旅
  • iPhone 16 机模视频曝光,五种颜色各有千秋
  • Android drawable与mipmap区别
  • nginx 详解
  • 【JUC】读写锁+邮戳锁
  • Android Camera预览实现方案总结
  • P3423 [POI2005] BAN-Bank Notes
  • MySQL之事务
  • 数据库管理-第229期 Oracle全球分布式数据库-深入1(20240814)
  • C# NX二次开发-曲线投影到面上
  • 《密码编码学与网络安全原理与实践》第八章伪随机数与流密码
  • Linux第六章---thrift
  • 分享一款快速APP功能测试工具
  • (三)从jvm层面了解线程的启动和停止
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • 【跃迁之路】【477天】刻意练习系列236(2018.05.28)
  • Android单元测试 - 几个重要问题
  • cookie和session
  • CSS选择器——伪元素选择器之处理父元素高度及外边距溢出
  • Js基础——数据类型之Null和Undefined
  • JS基础之数据类型、对象、原型、原型链、继承
  • laravel with 查询列表限制条数
  • laravel5.5 视图共享数据
  • Promise初体验
  • Python中eval与exec的使用及区别
  • React的组件模式
  • SpiderData 2019年2月23日 DApp数据排行榜
  • Spring Cloud(3) - 服务治理: Spring Cloud Eureka
  • Vue UI框架库开发介绍
  • vuex 笔记整理
  • vue和cordova项目整合打包,并实现vue调用android的相机的demo
  • 利用jquery编写加法运算验证码
  • 软件开发学习的5大技巧,你知道吗?
  • 时间复杂度与空间复杂度分析
  • 通过npm或yarn自动生成vue组件
  • 我的zsh配置, 2019最新方案
  • 线性表及其算法(java实现)
  • 掌握面试——弹出框的实现(一道题中包含布局/js设计模式)
  • 【运维趟坑回忆录】vpc迁移 - 吃螃蟹之路
  • k8s使用glusterfs实现动态持久化存储
  • Spark2.4.0源码分析之WorldCount 默认shuffling并行度为200(九) ...
  • #if 1...#endif
  • #pragma data_seg 共享数据区(转)
  • #数学建模# 线性规划问题的Matlab求解
  • (145)光线追踪距离场柔和阴影
  • (4)事件处理——(6)给.ready()回调函数传递一个参数(Passing an argument to the .ready() callback)...
  • (Java实习生)每日10道面试题打卡——JavaWeb篇
  • (八)五种元启发算法(DBO、LO、SWO、COA、LSO、KOA、GRO)求解无人机路径规划MATLAB
  • (附源码)springboot课程在线考试系统 毕业设计 655127
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (附源码)计算机毕业设计ssm高校《大学语文》课程作业在线管理系统