scroll-view抖动问题 - WXOPEN Club | 微信小程序专业社区

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 回复

tding

tding1 楼6 年前

把scroll -top 去掉就可以了你可以试试

min90

min902 楼6 年前

原因好像是内容改变的时候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)

guiyingqiu

guiyingqiu3 楼6 年前

楼主问题解决没

kchen

kchen4 楼6 年前

好。我试试这个情况

guiying92

guiying925 楼6 年前

你好，请提供出现问题的机型和微信版本，以及能复现问题的简单代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）。

xielei

xielei6 楼6 年前

请问解决了吗楼主

jie36

jie367 楼6 年前

是不是 menuScrollToupper 里刷新了里面的内容