JS解决position:sticky的兼容性问题的方法

所需积分/C币:14 2020-11-30 11:44:27 106KB PDF
收藏 收藏
举报

在项目中有用到sticky的布局,可是由于兼容性问题,在安卓端没有很好的兼容,所以为了彻底解决这个问题只能写一个组件来解决这个麻烦的问题,这里为什么是组件而不是指令是因为,是有原因的,下面会讲到。 position:sticky的兼容性以及作用 Caniuse上显示sticky的兼容性如下: Sticky的作用相当于relative和fixed的结合体,当修饰的目标节点再屏幕中时表现为relative,当要超出的时候是fixed的形式展现,因为这个特性,我们就可以来实现一个sticky的模拟效果。 sticky组件实现 template部分 <template> &lt;div c

...展开详情
立即下载 低至0.43元/次 身份认证VIP会员低至7折
抢沙发
一个资源只可评论一次,评论内容不能少于5个字
weixin_38741950 你的留言是对我莫大的支持
2020-11-30
  • 分享王者

    成功上传51个资源即可获取
关注 私信 TA的资源
上传资源赚积分or赚钱
最新推荐