微信小程序scroll-view
2024-09-28 14:49:25
使用竖向滚动时,需要给<scroll-view/>
一个固定高度,通过 WXSS 设置 height。以下列举一个示例:
scroll-top的优先级要高于scroll-into-view的优先级 |
<!--pages/scroll_view/scroll_view.wxml-->
<scroll-view scroll-y='true' scroll-top='50' upper-threshold='50' style='height:200px;' bindscrolltoupper="scrolltoupper" bindscrolltolower="scrolltolower" scroll-with-animation='true' scroll-into-view="three" bindscroll="scroll">
<view style='background-color:red;height:100px;width:50px;'></view>
<view style='background-color:blue;height:100px;width:50px;'></view>
<view id='three' style='background-color:yellow;height:100px;width:50px;'></view>
<view style='background-color:green;height:100px;width:50px;'></view>
</scroll-view>
<scroll-view scroll-left="100" bindscrolltoupper="scrolltoupper" scroll-x='true' style='white-space: nowrap;display:flex;'>
<view style='background-color:red;height:100px;width:150px;display:inline-block;'></view>
<view style='background-color:blue;height:100px;width:150px;display:inline-block;'></view>
<view style='background-color:yellow;height:100px;width:150px;display:inline-block;'></view>
<view style='background-color:green;height:100px;width:150px;display:inline-block;'></view>
</scroll-view>
最新文章
- Eclipse代码注释模板
- 20145205《Java程序设计》第四次实验:Android环境搭建
- mysql 添加用户并授权
- Unity代码设置shader属性
- Redis配置文件(redis.conf)说明
- MassTransit RabbitMQ 参考文档
- 在Unity中为模型使用表情
- windows下Qt5.1.0配置android环境搭建 good
- 利用 Composer 完善自己的 PHP 框架(二)——发送邮件
- cocos2d-x 获取图片的某像素点的RGBA颜色
- JQuery Datatables(一)
- .net控件dropdownlist动态绑定数据 ----转
- CC++初学者编程教程(7) 搭建Windows EclipseCCPP软件开发环境
- Android Dialog详解
- python selenium2示例 - 生成 HTMLTestRunner 测试报告
- net.sf.json.JSONException: java.lang.reflect.InvocationTargetException Caused by: java.lang.IllegalArgumentException 	at java.sql.Date.getHours(Unknown Source)
- shell脚本异步日志分析-接口耗时、可用率
- EBS多组织结构
- 【函数式编程】reducer为什么叫reducer
- Eclipse 自动生成 Ant的Build.xml 配置文件