边缘滚动释放不流畅的问题通常是由于滚动容器的滚动行为和边缘效果之间的冲突引起的。以下是一些解决方法:
overscroll-behavior
来禁用它。例如,设置overscroll-behavior: none;
可以禁用边缘效果。.scroll-container {
overscroll-behavior: none;
}
const container = document.querySelector('.scroll-container');
let isScrolling = false;
container.addEventListener('scroll', () => {
isScrolling = true;
});
container.addEventListener('touchend', () => {
if (isScrolling) {
isScrolling = false;
return;
}
// 在这里模拟边缘效果的释放动画
// ...
});
iScroll
或BetterScroll
。这些库提供了更多的滚动控制和定制选项,可以帮助解决边缘滚动释放不流畅的问题。以上是一些常见的解决方法,可以根据具体情况选择适合的方法来解决边缘滚动释放不流畅的问题。