微信小程序部分滚动scroll-view案例

微信小程序滚动案例scroll-x scroll-y
横向滚动scroll-x案例,官网给的demo案例比较复杂,也没有表达出重点

注意这里红色的部分

<scroll-view scroll-x style=’white-space: nowrap;‘>
<view>这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。</view>
</scroll-view>

纵向滚动scroll-y案例

<scroll-view scroll-y style=’height:100rpx;‘>
<view>这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。这里是文章测试标题,含标点一共二十个字。</view>
</scroll-view>

总结:

横向滚动时,加“不换行”

纵向滚动,加“高度”

0 条评论
发表一条评论