微信小程序教程之wxapp视图容器scroll-view

相关文章：

1. 微信小程序 教程之wxapp视图容器 swiper

2. 微信小程序 教程之wxapp视图容器 scroll-view

3. 微信小程序 教程之wxapp 视图容器 view

scroll-view

可滚动视图区域。

使用竖向滚动时，需要给一个固定高度，通过 WXSS 设置 height。

示例代码：

 vertical scroll
 
 
 
 
 
 

 
 click me to scroll into view 
 click me to scroll
 


 horizontal scroll
 
 
 
 
 
 

var order = [&＃39;red&＃39;, &＃39;yellow&＃39;, &＃39;blue&＃39;, &＃39;green&＃39;, &＃39;red&＃39;]
Page({
 data: {
 toView: &＃39;red&＃39;,
 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 
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
更多微信小程序 教程之wxapp视图容器 scroll-view相关文章请关注PHP中文网！