小程序scroll-view，滚动到最低

小程序scroll-view，滚动到最低_小程序滚动到底部

小程序滚动条，滚到最底部解决方案1

小程序滚动到底部使用Scorll-view实现方案:

scrill-view：组件要固定高度。

scroll-y:true

scroll-top="{{scrollTop}}"

scroll-with-animation="true"

每次加载新的数据修改一下scroll-top的值即可。

css代码：

.list {border: 1px solid red;padding: 10px;
}
.list scroll-view {height: 350px;
}.list .item {padding: 20px 10px;margin: 10px 0px;background: rgb(224, 224, 224);
}

wxml 代码：

<view class="list"><scroll-view scroll-y="true" scroll-top="{{scrollTop}}" scroll-with-animation="true"><view class="item" wx:for="{{list}}">{{item}}</view></scroll-view>
</view>

js：代码

  /*** 页面的初始数据*/data: {list: ['张三丰', '李四', '王五', '赵六'],scrollTop: 0},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {var _this = this;var index=0;setInterval(() => {index++;var list = _this.data.list;list.push('ceshi1');list.push('ceshi2');list.push('ceshi3');list.push('**********'+index);var top = _this.data.scrollTop + list.length * 60;console.info(top);_this.setData({list: list,scrollTop: top});}, 2000);},

展示效果：

小程序打开docx文件失败_NPOI生成的word文档

微信小程序坐标位置接口使用整理(二)地图接口

小程序scroll-view，滚动到最低_小程序滚动到底部相关推荐

飞鱼知识变现小程序2.5.3源码_小程序功能模块
简介: 微信小程序飞鱼知识变现小程序2.5.3 前端+后端模块/小程序更新动态: 问答模块:付费咨询功能.旁听分成功能.会员功能.三级分销课程模块: 音频课程.视频课程.支持付费.支持免费.三级 ...
小程序获取openid保存缓存吗_小程序获取openid踩坑
在app.js添加此函数,使用promise获取 getOpenid: function () { var that = this; return new Promise(function (reso ...
小程序view设置背景图片_小程序商城分销功能设置技巧设计方法
点击上方蓝字关注我们随着微信小程序上线的越来越多,要如何才能从中脱颖而出.与众不同呢?分销,就是个不错的选择. 分销功能,分销理论上可以无限级,目前政策支持包括自己在内的二级的分销.推荐用户可得到返 ...
小程序跳转样式布局错乱_小程序 wxss 样式毁三观
36 2018-09-05 10:28:47 +08:00 如果是 web,一般都先写 css reset,然后开始写页面 css,时间长了,忘记了 css reset 的存在,会感觉是浏览器默认的. ...
小程序订单点击不同页面_小程序跳转页面参数丢失
垂死病中惊坐起,笑问 Bug 何处来?! 1.先是大写字母作祟前两天发布了「柒留言」v2.0.0 新版本,结果...你懂的嘛,没有 Bug 的程序不是好程序,写不出 Bug 的程序员不是好程序员. ...
小程序云函数获取用户昵称_小程序云开发云函数进阶
" 云函数(官方文档说明) 云函数即在云端(服务器端)运行的函数.在物理设计上,一个云函数可由多个文件组成,占用一定量的 CPU 内存等计算资源:各云函数完全独立:可分别部署在不同的地区.开 ...
小程序跳转样式布局错乱_小程序页面布局样式元素总结
1:Flex布局 Flex布局如图1所示图1 1.1 Flex容器属性 1.1 1.2 Flex容器内元素属性 1.2 align如果定义会覆写掉容器属性中的justify-content,alig ...
微信小程序新手容易犯的错误_新手程序员的错误以及如何避免它们
微信小程序新手容易犯的错误 To become a Senior Java Developer, I've been learning Java for many years and still I' ...
小程序分享到朋友圈功能_小程序开发日记分享到朋友圈
贵州水司楼图片来自视频截图最近微信小程序开始公测小程序分享到朋友圈的功能了.记得前两天刚开始内测时,小程序社区里就不断有人发帖问关于分享到朋友圈的各种问题.很显然大家对这个新特性都特别关心.那 ...

小程序scroll-view，滚动到最低_小程序滚动到底部

微信小程序使用高德地图Web服务爬取企业数据

小程序打开docx文件失败_NPOI生成的word文档

微信小程序坐标位置接口使用整理(二)地图接口

小程序scroll-view，滚动到最低_小程序滚动到底部相关推荐

最新文章

热门文章