收藏
回答

滚动次序问题,如何使页面滚动优先于scroll-view内的滚动?

想做一个类似闲鱼鱼塘(百度贴吧)app顶部滑动隐藏的效果。

以下是我的方案:

场景:

1.页面内嵌套有一个scroll-view(已设定高度值)

2.整个页面的高度是大于手机屏幕的高度的(也就是说可以触发页面滚动)

3.手指在scroll-view区域内滑动时,总是scroll-view先滚动

需求:

手指在scroll-view区域内滑动时,使页面先滚动,待页面滚动至底部时,再触发scroll-view滚动

已测试:

已经测试过使用scroll-view的滚动开关来控制滚动,但是会造成滑动不连贯的情况。


请问如何解决这个问题,或者说有无更好的解决方案?

回答关注问题邀请回答
收藏

6 个回答

  • 王德晓
    王德晓
    06-16

    最后怎么解决的@吓到我了

    06-16
    有用
    回复
  • 。何
    。何
    06-08

    所以到底还是不知道怎么处理这个 烦人的问题

    06-08
    有用
    回复
  • rainy
    rainy
    01-04

    所以大佬有解决方案了么, 我现在的场景和你一样

    01-04
    有用
    回复 2
    • 林ii
      林ii
      02-23
      2021年了,大佬们应该都解决了吧。这个需求我的解决方案是:scroll-view使用data数据渲染,scroll-y:{{is_scroll}},默认的is_scroll是false 使scroll-view不可滚动,在js中使用onpagescroll监听页面滚动,同时绑定节点获取节点的top值,页面滚动到一定位置时,将data数据的is_scroll修改为true,反之修改为false。
      02-23
      回复
    • 何喜阳
      何喜阳
      03-09回复林ii
      使用scroll-view的滚动开关来控制滚动,会造成滑动不连贯的情况
      03-09
      回复
  • 奇诺
    奇诺
    2020-12-17

    请问有解决方案了吗

    很早之前我就被这个问题困扰了

    2020-12-17
    有用
    回复
  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2020-07-19
    scroll-view区域就先不用scroll-view吧,用view只显示部分,有更多内容时在view底部显示一个"更多"或者“展开”,点击以后再底部弹框显示一个scroll-view
    2020-07-19
    有用
    回复
  • 启年网络
    启年网络
    2020-07-19

    感觉你这需求有点小奇葩呢?

    如果用户只想在scroll-view滚动查看内容,但是页面特别长,滚动还没到页面底部呢,就看不到这个scroll-view了,用户咋整?


    顺便,好像没见过这样的项目,如果有,分享一下吧。

    2020-07-19
    有用
    回复 3
    • 吓到我了
      吓到我了
      2020-07-19
      可以看图,scroll-view区域是在“全部话题”以下的部分,另外可以参考闲鱼app的鱼塘界面,scroll-view区域总是在页面内。
      2020-07-19
      回复
    • 启年网络
      启年网络
      2020-07-19回复吓到我了
      页面头部不动,scroll-view区域滑动展示瀑布流数据列表吗?
      这个有什么难点吗?


      我看了下闲鱼APP的鱼塘-推荐。除了顶部标签和底部tab-bar,中间就是scroll-view区域呀。
      2020-07-19
      回复
    • 启年网络
      启年网络
      2020-07-19回复吓到我了
      你说的滑动不连贯,是不是用户拉到底部,加载更多数据时候卡顿之类的?找个组件用吧。比如vantUI之类的。
      2020-07-19
      回复
登录 后发表内容
问题标签