30秒实现Vue吸顶效果

1、滚动前:

30秒实现Vue吸顶效果

2、滚动中:

30秒实现Vue吸顶效果

3、滚动超过后:

30秒实现Vue吸顶效果
直观效果可参pc端微博左侧的信息栏

第一步:html 中:

在你要实现吸顶效果的div上,加上如下这一行代码:

30秒实现Vue吸顶效果

触发吸顶效果的位置,如下:

30秒实现Vue吸顶效果

第二步:data 定义中:

30秒实现Vue吸顶效果

第三步:在 mounted 与 destroyed 中

第四步:在 methods 方法定义中:

最后一步:在css中:

未经允许不得转载:一点博客-青梅煮码-共享博客 » 30秒实现Vue吸顶效果
分享到:
赞(1) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏