收藏
回答

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

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

以下是我的方案:

场景:

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

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

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

需求:

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

已测试:

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


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

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

8 个回答

  • 咖喱给给
    咖喱给给
    2022-12-13

    也遇到了这种需求,滑动不连贯的问题有解决办法吗

    2022-12-13
    有用
    回复
  • Lumberjack
    Lumberjack
    2022-02-17

    lz滑动不连贯的问题解决没?有没有替代方案

    2022-02-17
    有用
    回复
  • 豆子
    豆子
    2021-08-30

    请问怎么解决的呀

    2021-08-30
    有用
    回复
  • 。何
    。何
    2021-06-08

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

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

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

    2021-01-04
    有用
    回复 2
    • 林i
      林i
      2021-02-23
      2021年了,大佬们应该都解决了吧。这个需求我的解决方案是:scroll-view使用data数据渲染,scroll-y:{{is_scroll}},默认的is_scroll是false 使scroll-view不可滚动,在js中使用onpagescroll监听页面滚动,同时绑定节点获取节点的top值,页面滚动到一定位置时,将data数据的is_scroll修改为true,反之修改为false。
      2021-02-23
      回复
    • 何喜阳
      何喜阳
      2021-03-09回复林i
      使用scroll-view的滚动开关来控制滚动,会造成滑动不连贯的情况
      2021-03-09
      回复
  • kk
    kk
    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
    有用
    回复 5
    • 吕晓东
      吕晓东
      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
      回复
    • 浅夏
      浅夏
      05-02回复启年
      不是,是说在嵌套scroll-view中,通过控制内层的scroll-y的开启和关闭来实现先外层滚动到底后再内层滚动,但是通过这个方式实现的话会出现在切换滚动时不连贯,外层滚动到底后必须抬手重新滑动,内层的scroll才能滚动;而内层滚动到顶后回归外层滚动时也会出现这个情况。安卓原生支持嵌套滚动的无缝切换,不知道小程序里面能不能实现。
      05-02
      回复
    • 启年
      启年
      05-02回复浅夏
      目前我了解到的,是么有这方面的api, 换种思路呢,用吸顶来做。
      05-02
      回复
登录 后发表内容
问题标签