position: sticky 的vue组件化使用与兼容性写法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了position: sticky 的vue组件化使用与兼容性写法相关的知识,希望对你有一定的参考价值。

参考技术A

vue组件化

原理:检查是否兼容position: sticky ,若兼容就使用,若不兼容则在watch监听高度(若高度是变化的)或者在mounted中直接调用(高度不变)

注意:要用异步获取高度

css

在watch中监听高度变化

在mounted中获取高度变化

<使用>

html

以上是关于position: sticky 的vue组件化使用与兼容性写法的主要内容,如果未能解决你的问题,请参考以下文章

position:sticky

position:sticky用法

粘性定位position:sticky

position的sticky与fixed

彻底理解粘性定位 - position: sticky

粘性布局 position:sticky