在实际运用过程中,发现设置了scroll-top无效,滚动条位置并没有发生变化,是因为微信小程序的官方框架处于性能考虑,初始化设置scroll-top不会重新渲染页面,需要将scroll-top的是放在一个事件内执行才可以生效。 这里演示一个切换选项重置滚动条事件的案例: <scroll-view class="listDetail"scroll-y="true"bindscrolltol...
如图,设置scroll-view的scroll-top时,contScrollTop 需要交替的设置为不同的值才有效,比如让滚动条回到顶部,就要交替的设置值为1|0 收藏 分享 3 个评论 素还真 2018-07-19 如果原本是0,然后你用setData 设置也是0,那小程序是不会渲染的 赞同1 回复2 差不多先生 2018-07-19 嗯,在这个scroll上这个bug就比...
1.scroll-view的高度需要设置固定的值,比如全屏可以设置:height:100vh; 2.不可以同时设置scroll-into-view和scroll-top(scroll-left)属性,因为scroll-into-view的优先级别比scroll-top(scroll-left)属性高(官方文档提及过); 3.scroll-top(scroll-left)属性不可以带单位,直接设置值就可以了,如:scroll-top="50";...
所以可以将scroll-top的值默认设置为-1,需要回到顶部时再设置为0。 constbgAudioManager=wepy.getBackgroundAudioManager()data={scrollTop:-1}bgAudioManager.onPlay(()=>{if(parseInt(bgAudioManager.currentTime)===0){this.scrollTop=0}this.$apply()})...
scroll-top 不生效的问题 ,比如想滚动到底部 在用这个标签之前,很多地方需要阅读官方文档比如这句话 :用竖向滚动时,需要给 一个固定高度,通过 css 设置 height。 我的第二个问题就是因为没有设置高度导致 scroll-top不生效,但是设置高度百分之百又满足不了区域滚动,设置百分之分有时还会错位 ---好了不比比,直...
问题描述: scroll-view下两个tab,现想点击不同的tab, 重置scroll-top 为 0, 发现并没有真的置零。 重现步骤: 1,在“最新”tab下翻几屏查看 2,点击“最热” tab , 发现scrolltop仍然是前面 "最新"的scrolltop, 设置 scroll-top:0无效 界面如下: wxml如下: js如下:...
<view> <!-- scroll-with-animation="true" 这句话也尽量给加上 --> <scroll-view scroll-y="true" class="msg-list" :style="{ height: clientHeight + 'px' }" scroll-with-animation="true" :scroll-top="scrollTopVal" @scroll="viewScroll"> ...
[问题简单描述] 使用scroll-view时,如果动态绑定scroll-top,那么scroll-into-view会无效,无法实现跳转到相应元素位置 问题复现步骤: [第一步] 当scroll-top设置为动态绑定时,无法跳转,Wxml中scroll-into-view显示已被更改 <template>
在快速滑动的情况下,明明已经到顶了但是scrollTop还显示为10~100, 缓慢滑动没有问题,但是快速滚动的时候scrollTop会出现非常大的误差。 ### 先说我的解决方法 因为每次滚动监听事件都会被调用比较耗费资源系统会默认节流可以在scroll-view 加一个 throttle=“{{false}}” 关闭节流 ...