scroll-view抖动问题
wxml：
<scroll-view class=‘page-menu-body’ style=‘height:{{menuHeight}}rpx;’ scroll-y=“true” scroll-top="{{menuScrolltop}}" bindscroll=“menuScrollHandle” bindscrolltolower=“menuScrollLoading” bindscrolltoupper=“menuScrollToupper”>
wxss ：
.page-menu-body {
display: flex;
/* height: 100%; */
width: 636rpx;
z-index: 100;
}
menuHeight 是屏幕高。
下拉弹性页面的时候，跳动。而且，很多 用到scroll-view的地方都这样。 ios 下，Android 下会闪动。我发现论坛很多这个问题。没有解决方案？还是我们比较菜一下。经常遇到bug。腾讯大神遇不到
7 回复
原因好像是内容改变的时候bindscrolltoupper多次触发，
可以限制下bindscrolltoupper的调用频率，让它避免多次触发
function debounce(func, wait = 500) { var timeout; var result; return function() { var context = this; var args = arguments; if (timeout) clearTimeout(timeout); timeout = setTimeout(function() { result = func.apply(context, args) }, wait); return result; };}onScrollUpper: debounce(function handleUpper (){},500) |
强力驱动