知识分享
分享创造价值 合作实现共赢

知识分享

当前位置: 首页 > 知识分享

微信小程序,新添加的元素保持在底部

发布时间:2019-12-16 21:29:19作者:admin点击:

分享者:wy_Blog,来自原文地址
点击添加按钮,新添加的元素保持在底部小demo的实现

WXML代码:

                  item {{index}}--{{item.place}}        

WXSS代码:

page{height: 100%;}  .scroll{height:400rpx; border: 2px solid #f00;}  .item{ background: #ddd; margin: 10px 0; height: 40px;}  

JS代码:

//获取应用实例  var app = getApp()  Page({    data: {      lists: [        { place: "北京" },        { place: "深圳" },        { place: "上海" },        { place: "广州" },        { place: "珠海" }      ],      //记录item个数      itemCount: 5,      scrollTop: 100,//设置滚动条到顶部的距离    },    //事件处理函数    addItemFn: function () {      var {lists, itemCount} = this.data;      var newData = { place: "default" };      lists.push(newData);      this.setData({        lists: lists,        itemCount: itemCount,      })  
//单独拿出来用setData 放一个里会出现问题      this.setData({        scrollTop: this.data.scrollTop + 50 // 50代表你要添加的元素的高度 

TOP

QQ客服

18910140161