微信小程序 两种滑动方式(横向滑动,竖向滑动)详细及实例代码

发布时间:2020-08-22 06:15:42 作者:lqh
来源:脚本之家 阅读:277

 微信小程序 滑动方式

竖向滑动:

<scroll-view scroll-y="true" >
<view  ></view>
<view ></view>
<view ></view>
<view ></view>
</scroll-view>
  

横向滑动:

<!-- white-space-->
normal: 正常无变化(默认处理方式.文本自动处理换行.假如抵达容器边界内容会转到下一行)
pre: 保持HTML源代码的空格与换行,等同与pre标签
nowrap: 强制文本在一行,除非遇到br换行标签
pre-wrap: 同pre属性,但是遇到超出容器范围的时候会自动换行
pre-line: 同pre属性,但是遇到连续空格会被看作一个空格
inherit: 继承

水平滚动

<scroll-view scroll-x="true"  >
<view  ></view>
<view ></view>
<view ></view>
<view ></view>
</scroll-view>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

推荐阅读:
  1. 微信小程序swiper如何实现禁止用户滑动
  2. 微信小程序如何使用scroll-view横向滑动嵌套for循环

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

横向 竖向 微信小程序

上一篇:Python中浅拷贝copy与深拷贝deepcopy的简单理解

下一篇:Java中后台线程实例解析

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》