最近在做个直播间,有个这样的需要,就是进入到页面,<scroll-view>需要滚动到最底部,并且发送消息之后自动的滚动到底部。 开始想着计算里面内容的高度,然后通过设置 scroll-top 的值,达到这个效果。在网上搜一圈,大多也是采取的这种方案。但是感觉这个方案略麻烦。想 ...
实现scroll view自动滚动到最底部 原理: .使用scroll view的scroll into view 值应为某子元素id . scroll view最后加入一个text元素 .需要跳转到最底部时,将text的id值改变为一个新值,然后在settimeout中将scroll into view值改为text的新id值 适用场景:scroll view中内容变化没有规律,不是一条一条新增 ...
2020-07-29 16:52 0 2751 推荐指数:
最近在做个直播间,有个这样的需要,就是进入到页面,<scroll-view>需要滚动到最底部,并且发送消息之后自动的滚动到底部。 开始想着计算里面内容的高度,然后通过设置 scroll-top 的值,达到这个效果。在网上搜一圈,大多也是采取的这种方案。但是感觉这个方案略麻烦。想 ...
1. scroll-view水平滚动使用 1. wxml 2. wxss 2. scroll-view 隐藏滚动条 3. 效果如下: ...
官方文档给的代码复制下来发现无法滚动,没反应,使用css设置浮动属性也无效 官方没有给出css代码,横向需要设置两个css属性才行: 现在我们只要横向滚动的代码出来在加上上面的css就可以横向滚动啦 ...
微信小程序scroll-view组件官方文档 传送门 提前准备:使用<view>组件制作五条撑满的横向区域 index.wxml index.wxss ...
1.wxml 2.js 滚动条样式修改(滚动条隐藏) ...
1.html 2. ...
1. 纵向滚动 scroll-y 当 设置为scroll-y 时, 需要将其高度设为固定值 如果整个页面,即最外层标签为scroll-view,需要并将其高度设为100%,也需要将page设为100%(可在app.wxss中设置)。 示例: html 文件 ...