兰州哪里做网站,wordpress网页教程,顺义手机网站建设,管理咨询公司取名字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