微信小程序常用组件视频课程-可滚动视图区域-scroll-view的使用
时间:2019-03-19
本文章向大家介绍微信小程序常用组件视频课程-可滚动视图区域-scroll-view的使用,主要包括微信小程序常用组件视频课程-可滚动视图区域-scroll-view的使用使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
效果图
wxml代码
<view>bindscrolltoupper滚动到顶部/左边会触发</view>
<view>bindscrolltolower滚动到底部/右边会触发 </view>
<view>bindscroll 滚动时触发</view>
<view>scroll-into-view 值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动,则在哪个方向滚动到该元素</view>
<view>scroll-top 设置竖向滚动条位置</view>
<view>纵向滚动 vertical scroll</view>
<view>scroll-y 允许纵向滚动</view>
<scroll-view scroll-y style='height:100px;' bindscrolltoupper="upper">
<view class='xiangmu bg_green'>01</view>
<view class='xiangmu bg_red'>02</view>
<view class='xiangmu bg_yellow'>03</view>
<view class='xiangmu bg_blue'>04</view>
</scroll-view>
<view>横向滚动 horizontal scroll</view>
<scroll-view scroll-x style='width:100%;' class='heng'>
<view class='xiangmu2 bg_green'>01</view>
<view class='xiangmu2 bg_red'>02</view>
<view class='xiangmu2 bg_yellow'>03</view>
<view class='xiangmu2 bg_blue'>04</view>
</scroll-view>
欢迎大家收看我的视频教程:微信小程序组件入门到精通
https://edu.csdn.net/course/detail/16193
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python代码转Latex公式,这个开源库用一行代码帮你搞定
- Golang/Go goroutine调度器原理/实现
- 如何定位 golang 进程 hang 死的 bug
- Docker/Dockerfile debug调试技巧
- 使用 HTTP/2 提升性能的几个建议
- 玩树莓派(raspberry pi) 2/3 raspbian的遇到的一些问题
- Dnsmasq加速本地DNS请求
- swoole深入学习 2. tcp Server和tcp Client
- 一切皆Socket
- Go代码重构:23倍的性能爆增
- 分布式系统的一致性协议之 2PC 和 3PC
- Docker快速搭建WordPress博客网站
- Elasticsearch入门,这一篇就够了
- 玩转 lua in Redis
- 用docker快速搭建wordpress博客