手机
当前位置:查字典教程网 >编程开发 >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组件详细介绍】相关文章:

js随机生成26个大小写字母

你都知道吗关于高性能JAVASCRIPT?

window.onload与$(document).ready()的区别分析

AngularJs中route的使用方法和配置

JavaScript中for循环的使用详解

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

Select的OnChange()事件

学习javascript文件加载优化

JavaScript编程学习技巧汇总

微信内置浏览器私有接口WeixinJSBridge介绍

精品推荐
分类导航