使用竖向滚动时,需要给<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>

微信小程序视频教程

最新文章

  1. Eclipse代码注释模板
  2. 20145205《Java程序设计》第四次实验:Android环境搭建
  3. mysql 添加用户并授权
  4. Unity代码设置shader属性
  5. Redis配置文件(redis.conf)说明
  6. MassTransit RabbitMQ 参考文档
  7. 在Unity中为模型使用表情
  8. windows下Qt5.1.0配置android环境搭建 good
  9. 利用 Composer 完善自己的 PHP 框架(二)——发送邮件
  10. cocos2d-x 获取图片的某像素点的RGBA颜色
  11. JQuery Datatables(一)
  12. .net控件dropdownlist动态绑定数据 ----转
  13. CC++初学者编程教程(7) 搭建Windows EclipseCCPP软件开发环境
  14. Android Dialog详解
  15. python selenium2示例 - 生成 HTMLTestRunner 测试报告
  16. net.sf.json.JSONException: java.lang.reflect.InvocationTargetException Caused by: java.lang.IllegalArgumentException at java.sql.Date.getHours(Unknown Source)
  17. shell脚本异步日志分析-接口耗时、可用率
  18. EBS多组织结构
  19. 【函数式编程】reducer为什么叫reducer
  20. Eclipse 自动生成 Ant的Build.xml 配置文件

热门文章

  1. remote desktop能实现什么?远程桌面管理的意义是什么?
  2. position的值?
  3. Java面向对象中this关键字详解 意义+实例讲解【hot】
  4. Web 三维组态的仿真运用案例:民航飞机的数据监控
  5. Java 蓝桥杯 算法训练 字符串的展开 (JAVA语言实现)
  6. Java实现 LeetCode 638 大礼包(阅读理解题,DFS)
  7. Java实现 LeetCode 354 俄罗斯套娃信封问题
  8. Java实现 蓝桥杯VIP 算法提高 我们的征途是星辰大海
  9. Java实现 LeetCode 122 买卖股票的最佳时机 II
  10. Java实现九阶数独