滚动不准确

97 阅读1分钟

滚动相关方法

  • scrollToBottom element.scrollToBottom(时间), 一定时间滚动到底部
  • scrollToTop element.scrollToTop(时间), 一定时间滚动到顶部
  • 原生滚动方法 element.onScroll = (e) => {}, 监听滚动,
  • 通过scrollTop获取滚动的距离
  • scrollToPoint(scrollX,scrollY, 时间), 一定时间滚动到指定位置

滚动不准确

  • 使用了虚拟列表的话,一进入页面可以知道所有的长度,直接就拿到滚动条,可以进行拖动。但是内容还没有加载出来。这个时候虚拟滚动的高度其实只是大致高度,不是实际高度,如果通过代码去滚动一大段距离,就可能会出现定位不准确的问题
  • 所以就要提前设置好虚拟列表的高度,每一项的高度,不能不设置,否则等内容加载撑开页面,虚拟列表高度会变化,导致滚动位置不准确