在实际运用过程中,发现设置了scroll-top无效,滚动条位置并没有发生变化,是因为微信小程序的官方框架处于性能考虑,初始化设置scroll-top不会重新渲染页面,需要将scroll-top的是放在一个事件内执行才可以生效。 这里演示一个切换选项重置滚动条事件的案例: <scroll-viewclass="listDetail"scroll-y="true" bindscrolltol...
scroll-view 高度写死100% 即可,mounted动态计算高度可以直接忽略了 .content { height: 100%; } <template> <view class="content flex-column"> <view class="top-view flex-center" @tap="clickEvnet(0)"> 点击我实现滚动到顶部 </view> <view class="scroll-view flex-1"> <scroll-view :scroll-...
最近在做一款音乐播放器,在实现歌词定位滚动时,使用了scroll-view组件,scroll-top的值默认设置为0,需要实现这样一个功能:每次重新开始播放时,如果滚动条未回到顶部,需要手动回到顶部。 当我尝试在播放开始监听事件里,判断如果当前播放时间等于0,就将scroll-top的值设置为0,以实现回到顶部,然鹅设置无效,并未回到顶部,...
如果页面中使用scroll-view 滚动到顶部使用scroll-top=0这种方式实现,wx.pageScrollTo 有scroll-view 是无效的, 以下是采用scroll-view的方式实现滚动至顶部 有用2 回复1 Mr.z 2019-04-13 我的页面的元素是加载更多,高度是动态的,这个scroll-view就使用scroll-top=0这种方式实现就会失效 怎么处理下 赞 回复 ke...
问题: scroll-view的scroll滑动事件,经常会有这样的问题:scroll-view滑动到顶部后,最后的事件中的scrollTop不为0 、toupper事件也没有收到等 原因:scroll-view组件自带节流,所以滑动过快时,会出现滑到顶部,scrollTop不为0的bug。因为部分
可以通过设置scroll-view的高度或者使用wx.createSelectorQuery获取子组件的高度，并计算scroll-view的高度...
<scroll-view id="myScrollPage" scroll-y="true" scroll-with-animation="true" style="height:1400rpx" scroll-top="{{scrollTop}}"> pageUp(){ this.setData({ scrollTop: 50 }) } scrollTop的初始值为0,触发pageUp根本一点效果都没有,官方不出来说明一下吗? 有用 回复 纵倾童鞋ღ 2018-11-06...
使用微信小程序基础组件中的scroll-view,但是滑动的时候 bindscroll 一直不生效。 <viewclass="container log-list"><scroll-viewscroll-y style="height:100%;white-space:nowrap;"scroll-into-view="{{toView}}"enable-back-to-top bindscroll="scroll"scroll-with-animation scroll-top="{{scrollTop}}"><...
一、CSS样式冲突 在微信小程序中,如果scroll-view的外部或内部元素存在CSS样式冲突,可能会导致滚动功能失效。例如,外部容器的overflow属性设置为hidden,或者内部子元素的高度超出了scroll-view的高度限制,都可能阻止滚动。 解决方法:检查并调整CSS样式,确保scroll-view及其子元素的样式不会干扰滚动功能。可以尝试去除一些...