美文网首页
uniapp中使用scroll-view滑动事件无效

uniapp中使用scroll-view滑动事件无效

作者: 焚心123 | 来源:发表于2020-10-28 14:00 被阅读0次
    • 有一个项目需求,顶部导航固定,下边的列表可以上下滑动,这里我选择的是flex布局,导航的高度固定,列表的高度,宽度flex:1;overflow:auto;此时,项目需要加一个上拉加载的事件,我就用到了scroll-view中的@scrolltolower事件,滑动到底部触发,但是加上后,试了半天,事件就是不触发,后来百度了半天,才找到了这个坑
    • 首先scroll-view要给个高度,不用固定写死,百分比也是可以的,我是放到了列表下面,让他继承父类的高度,但是不行,还是要手动的添加高度为100%;这样就会触发了,你解决了吗?


      image.png
    最近有一个需求是这种布局还要有上拉加载的
    image.png
    • 这里我使用了外部的view使用max-height;撑开,scroll-view的高度是百分百,但是不触发上拉加载的方法,最后发现,scroll-view上面的高度不能使用百分百,直接将高度跟外部的view盒子高度写死如300upx,这样就可以触发了

    相关文章

      网友评论

          本文标题:uniapp中使用scroll-view滑动事件无效

          本文链接:https://www.haomeiwen.com/subject/slgqvktx.html