例如,在某些小程序平台或特定的Web视图中,scroll-into-view可能无法正常工作。 如果遇到兼容性问题,可以尝试查找该框架或平台的官方文档或社区讨论,看是否有相关的解决方案或替代方法。 作为替代方案,可以考虑使用JavaScript的scrollIntoView方法或手动设置滚动容器的scrollTop/scrollLeft属性来实现滚动
滑动结束事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft, velocity } 2.12.0 bindscrolltoupper eventhandle 否 滚动到顶部/左边时触发 1.0.0 bindscrolltolower eventhandle 否 滚动到底部/右边时触发 1.0.0 bindscroll eventhandle 否 滚动时触发,event.detail = {scrollLeft, scrollTop,...
插件市场有前端模拟的基于scroll-view的下拉刷新,但性能不佳。如必需使用前端下拉刷新,推荐使用基于wxs的下拉刷新,性能会比基于js监听方式更高。 如果遇到scroll-top、scroll-left、refresher-triggered属性设置不生效的问题参考:组件属性设置不生效解决办法 scroll-view的滚动条设置,可通过css的-webkit-scrollbar自定义,包...
滚动时触发,event.detail = {scrollLeft, scrollTop, scrollHeight, scrollWidth}。 - - onTouchStart EventHandle 触摸动作开始。 基础库 1.15.0+ - onTouchMove EventHandle 触摸后移动。 基础库 1.15.0+ - onTouchEnd EventHandle 触摸动作结束。 基础库 1.15.0+ - onTouchCancel EventHandle 触...
show-scrollbarbooleantrue否滚动条显隐控制 (同时开启 enhanced 属性后生效)2.12.0 fast-decelerationbooleanfalse否滑动减速速率控制, 仅在 iOS 下生效 (同时开启 enhanced 属性后生效)2.12.0 binddragstarteventhandle否滑动开始事件 (同时开启 enhanced 属性后生效) detail { scrollTop, scrollLeft }2.12.0 ...
代码 布局样式代码省略,以下只展示逻辑代码 scroll-view scroll-x scroll-left="{{scrollLeft}}" scroll-with-animation class=..."scroll-view"> ...{{item.className}} scroll-view> onReady(){ wx.createSelectorQuery...().select('.scroll-view').boundingClientRect((rect)=>{ this.data.scrollView...
1、可滚动视图区域。使用竖向滚动时,需要给scroll-view一个固定高度,通过 WXSS 设置 height。组件属性的长度单位默认为px,2.4.0起支持传入单位(rpx/px)。 2、代码如下 1)、WXML代码: <!--允许横向滚动--><scroll-viewscroll-x scroll-left="150"><viewclass="scrOut"><viewclass="scrBox">111</view><...
scroll-view2.4.0起支持传入单位(rpx/px)。 Bug & Tip tip: 基础库2.4.0以下不支持嵌套textarea、map、canvas、video组件 tip:scroll-into-view的优先级高于scroll-top tip: 在滚动scroll-view时会阻止页面回弹,所以在scroll-view中滚动,是无法触发onPullDownRefresh ...
scroll-view组件为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块 image.png 主要属性: 垂直滚动,这里必须设置高度 <scroll-viewscroll-y="true"style="height:200px"><viewstyle="background:red...