当前位置:   article > 正文

解决uni-app的scroll-view滚动问题_uniapp局部滚动到底后触发了全局滚动怎么办

uniapp局部滚动到底后触发了全局滚动怎么办

1、最近使用scroll-view发现出现IOS滚动卡顿的问题,Android不会,修改了它的几个参数都没有修复,最后就使用better-scroll替换,成功解决:

html

  1. <view class="wrapper">
  2. <SampleListCard
  3. v-for="(item, key) in list"
  4. :key="key"
  5. :model="model"
  6. :item="item"
  7. :formatterMap="formatterMap"
  8. @click.native="handleEdit(item)"
  9. >
  10. <view slot="cardFooter">
  11. <GBlockButton
  12. v-if="operationType !== 'view'"
  13. type="error"
  14. :text="$t('sample-collection.delete')"
  15. @click.stop="handleRemove(item)"
  16. ></GBlockButton>
  17. </view>
  18. </SampleListCard>
  19. </view>

JS引用

  1. import BScroll from "better-scroll";
  2. mounted() {
  3. const wrapper = document.querySelector(".wrapper");
  4. new BScroll(wrapper, {
  5. scrollY: true,
  6. click: true,
  7. });
  8. },

 2、使用scroll-view遇到顺滑地滚动到底部没有自动触发scrolltolower事件,要先向下拉一小段再往上拉才能触发,并且触发时机也不对,不是在滚到底部的时候,任何距离都可以;排查了一下,发现是scroll-view的高度设置为100%,改成固定高度就可以了:

  1. data() {
  2. return {
  3. scrollHeight: window.innerHeight - 94 + "px",
  4. };
  5. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/312589
推荐阅读
相关标签
  

闽ICP备14008679号