相关文章:
- 微信小程序 教程之wxapp 视图容器 view
scroll-view
可滚动视图区域。
类型 | 默认值 | 说明 |
---|---|---|
使用竖向滚动时,需要给
示例代码:
rush:js;">
toupper="upper" bindscrolltolower="lower" bindscroll="scroll" scroll-into-view="{{toView}}" scroll-top="{{scrollTop}}">
<view class="btn-area">
<button size="mini" bindtap="tap">click me to scroll into view
<button size="mini" bindtap="tapMove">click me to scroll
rush:js;">
var order = ['red','yellow','blue','green','red']
Page({
data: {
toView: 'red',scrollTop: 100
},upper: function(e) {
console.log(e)
},lower: function(e) {
console.log(e)
},scroll: function(e) {
console.log(e)
},tap: function(e) {
for (var i = 0; i < order.length; ++i) {
if (order[i] === this.data.toView) {
this.setData({
toView: order[i + 1]
})
break
}
}
},tapMove: function(e) {
this.setData({
scrollTop: this.data.scrollTop + 10
})
}
})
scroll-view
感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!