手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序(九)scroll-view组件详细介绍
微信小程序(九)scroll-view组件详细介绍
摘要:scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视...

微信小程序(九)scroll-view组件详细介绍1

scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块

主要属性:

微信小程序(九)scroll-view组件详细介绍2

使用演示:

wxml

<> <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>

相关文章:

hello WeApp icon组件

Window text组件switch组件

tabBar底部导航 progress组件action-sheet

应用生命周期button组件 modal组件

页面生命周期checkbox组件toast组件

模块化详form组件详 loading 组件

数据绑定input 组件 navigator 组件

View组件 picker组件 audio 组件

scroll-view组件 radio组件video组件

swiper组件 slider组件 Image组件

【微信小程序(九)scroll-view组件详细介绍】相关文章:

浅析JavaScript中的事件机制

javascript检测两个数组是否相似

jQuery结合ajax实现动态加载文本内容

学习javascript文件加载优化

Select的OnChange()事件

用 或 || 来兼容FireFox

javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法

JavaScript常用数组算法小结

JavaScript中for循环的使用详解

JQuery球队选择实例

精品推荐
分类导航