收藏
回答

小程序中做一个完美的首行固定,首列固定,且每次只滑动一个方向(x或y轴)的双向滚动长列表实在太难了?

1.首先要满足首行固定,首列固定的双向滚动scroll-view,不是很复杂,就是一个scrollview中,分别设2个元素的position:sticky,但是在微信中滚动很奇怪,可以x,y同时滚,而且不能设置滚动到边缘的回弹(iphone中是这样,安卓没验证过)

2.所以我想换方案,改成有一个外层scrollview,设置横向滚动,内层一个scrollview,设置纵向滚动,这样能满足两个方向滚动且每次只滚动一边,但是发现只能sticky一个,不能设置2个都sticky住

ps:尝试了好几个开源的组件试过,发现都有这个或那个问题,上述的问题不能解决

求前辈们帮忙想想看,这个问题困扰我一周了,实在不行只能向产品同学认怂了

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

3 个回答

  • 一片月
    一片月
    2023-11-27

    最后怎么实现的啊


    2023-11-27
    有用
    回复
  • Fighting、chen
    Fighting、chen
    2023-06-05

    请问解决了吗?我两个scroll-view 联动,效果也不是很好

    2023-06-05
    有用
    回复
  • H1HAO 🇨🇳
    H1HAO 🇨🇳
    2023-05-19

    xy轴布尔值判断啊,不是;有触摸事件吗,哪个轴值先变动哪个轴就是true另外的false,松开就都true

    2023-05-19
    有用
    回复 2
    • joeeey
      joeeey
      2023-05-19
      这个我试过,体验不太好,也可能是我微调的问题,周末再试试看,感谢感谢
      2023-05-19
      回复
    • joeeey
      joeeey
      2023-05-19
      又再次试了一下,监听scroll事件来改变x和y,体验还是不好;一方面逻辑改变后渲染有可能会没跟上;另一方面,改变xy的boolean判断后,再次拖动,很可能会拖不动,就像没有激活scrollview一样,需要拖动两次才行。。所以这个玩意,实际体验下来问题真多
      2023-05-19
      回复
登录 后发表内容