江汉路做网站的公司,罗湖网站建设多少钱,网站内部结构,虚拟主机网站301跳转7.1 视图容器组件
7.1.2 scroll-view组件
scroll-view组件时是滚动的视图容器#xff0c;可在竖直方向或水平方向上滚动#xff0c;展示超出屏幕高度或宽度的内容。
使用竖直方向滚动时#xff0c;需要通过wxss的height样式给scroll-view设置一个固定高度#xff0c;超出…7.1 视图容器组件
7.1.2 scroll-view组件
scroll-view组件时是滚动的视图容器可在竖直方向或水平方向上滚动展示超出屏幕高度或宽度的内容。
使用竖直方向滚动时需要通过wxss的height样式给scroll-view设置一个固定高度超出设定高度的内容会被隐藏通过页面滚动可以将它们显示出来。
scroll-view组件支持的属性如下
scroll-x默认值false允许横向滚动
scroll-y默认值false允许纵向滚动
upper-threshold默认值50距顶部/左边多远时触发scrolltoupper事件
lower-threshold默认值50距底部/右边多远时触发scrolltolower事件
scroll-top设置竖向滚动条位置
scroll-left设置横向滚动条位置、
scroll-into-view值应为某子元素id(id不能以数字开头)。设置哪个方向可滚动则在哪个方向滚动到该元素
scroll-with-animation默认值为false在设置滚动条时使用动画过渡
enable-back-to-top默认值为falseiOS单击顶部状态栏、安卓双击标题栏时滚动条返回顶部只支持竖向。
bindscrolltoupper滚动到顶部/左边时触发
bindscrolltolower滚动到底部/右边时触发
bindscroll滚动时触发event.detail {scrollLeft,scrollTop,scrollTop,scrollHeight,scrollWidth,deltaX,deltaY} upper-threshold和lower-threshold是两个边界值用于设置触发scrolltoupper事件scrolltolower事件两个属性单位默认为px从基础库2.4.0起来可以传入单位rpx或px
scroll-topscroll-leftscroll-into-view都用于设置滚动条位置应该设置为变量而不是固定值。即
scroll-top {{scrollTop}}
scroll-into-view {{toView}}
scroll-topscroll-left单位默认为px从基础库2.4.0起来可以传入单位rpx或px
scroll-into-view通过子组件设定滚动的位置id属性必须唯一即同一页面的两个组件不能取相同的值例如下面这段代码如果在JS文件中奖toView的值改为view2scroll-view就会滚动到第二个view的位置。
scroll-view scroll-y styleheight:20px; scroll-into-view{{toView}} view idview1 classscroll-view-item/view view idview2 classscroll-view-item/view
/scroll-view