收藏
回答

自定义组件里使用scroll-view, 怎么实现吸顶效果?

自定义组件里怎么实现吸顶效果?试了fixd啥的都不生效。

最后一次编辑于  2021-06-16
回答关注问题邀请回答
收藏

4 个回答

  • 罗梅光
    罗梅光
    2022-10-21

    看到大佬的scroll-view吸顶效果了,跟我的需求有点偏移。我的需求是scroll-view上面有图片,必须把图片滚动到离开屏幕视口不松手开始滚动scroll-view内容。想不通怎么做。


    2022-10-21
    有用
    回复
  • 养乐多
    养乐多
    2021-06-16

    代码片段 https://developers.weixin.qq.com/s/2Lvum6md7Frk

    2021-06-16
    有用
    回复
  • 神经蛙
    神经蛙
    2021-06-16

    上代码

    2021-06-16
    有用
    回复
  • 微喵网络
    微喵网络
    2021-06-16

    上代码

    2021-06-16
    有用
    回复 5
    • 养乐多
      养乐多
      2021-06-16
      页面被scroll-view占满了,在scroll里实现吸顶
      2021-06-16
      回复
    • 养乐多
      养乐多
      2021-06-16
      实现了,找到原因了:
      osition:fixed是对于浏览器窗口定位的,要实现相当于父元素定位,可以这样:


      不设置fixed元素的top,bottom,left,right,只设置margin来实现。


      这种方法本质上fixed元素还是相当于窗口定位的,实现效果上是相对于父元素定位。


      此外,position:fixed元素会受到父元素的影响,而出现不能以窗口进行定位:


      1. 因为fixed元素并不总是相对于视窗进行定位的,父元素发生变换,也就是transfrom属性发生改变,如平移或旋转,会对固定定位的子元素产生影响 例子:固定定位不固定。


      2. 如果父级元素的z-index的层次比同级元素低,就算fixed的z-index比父级高,也会被父级同级元素遮挡。
      2021-06-16
      回复
    • 神经蛙
      神经蛙
      2021-06-16回复养乐多
      既然页面被scroll-view占满了,那为什么在scroll里实现吸顶呢?你可以在页面里实现吸顶啊
      2021-06-16
      回复
    • 养乐多
      养乐多
      2021-06-16回复神经蛙
      首页有很多tab,拆成组件了
      2021-06-16
      回复
    • 养乐多
      养乐多
      2021-06-16回复养乐多
      每个组件的上拉下拉用的scroll-view
      2021-06-16
      回复
登录 后发表内容