admin管理员组

文章数量:1611191

在做手机APP开发经常遇到需要实现吸顶操作:

以前的处理方案都是用js监听滚动事件,在vue中监听了滚动事件还得去销毁。反正一般蠢。
css出现了一种新的属性处理这种问题:

position{
    z-index: 99;
    position: sticky;
    left: 0;
    right: 0;
    top: 0.54rem;
}

sticky属性特点是在该dom对象在可是范围内,其定位属性无效,但是一旦离开其定位位置,sticky属性将会改变为Fixed定位方式。这样能够很好地处理吸顶操作。

本文标签: PositionSticky