在之前的文章中我相信大家对scroll-view有一定的了解,教你:微信小程序如何实现scroll-view隐藏滚动条也示范了一些隐藏滚动条的方法。今天我要给大家介绍的是如何使用scroll-view组件实现视图垂直滚动。
首先,效果展示如下图:
2017-03-01_205627.jpg
2017-03-01_205647.jpg

其次,部分代码演示如下:
[AppleScript] 纯文本查看 复制代码
<view>
    <scroll-view style="height:60px; color:black; background-color: lightblue;" scroll-y="true">
        <view>微信小程序开发社区</view>
        <view>作者:51小程序</view>
        <view>HTML51.COM</view>
    </scroll-view>
</view>


源码如下:
游客,如果您要查看本帖隐藏内容请回复

分享到 :
0 人收藏

19 个回复

倒序浏览
肖大神  小程序牛人 | 2017-3-2 16:01:45
赞一个,短小精干,适合初学者
bankvg  小程序菜鸟 | 2017-5-2 12:00:31
谢谢楼主分享
CE.Mr_iBEr4  小程序菜鸟 | 2017-5-16 10:44:45
虚心学习。谢谢了。
sinkon  小程序菜鸟 | 2017-8-16 14:10:25
求源码,对这个知识的很模糊
农夫_Npp66  小程序菜鸟 | 2017-8-31 10:17:19
赞一个,短小精干,适合初学者
才穷无名  小程序菜鸟 | 2017-10-21 11:18:54
学习一下
阿陌  小程序菜鸟 | 2017-12-30 20:55:20
第一次,学习学习
如鱼得水  小程序菜鸟 | 2018-3-2 17:32:50
不知道好不好
陌笙  小程序菜鸟 | 2018-3-9 14:28:42
谢谢楼主分享
您需要登录后才可以回帖 登录 | 朕要注册

本版积分规则

QQ|手机版|51小程序 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部