粘性导航栏

ゞ 浴缸里的玫瑰 2022-11-12 11:53 224阅读 0赞

粘性导航栏

为 < ul> 添加 position: sticky;，以创建粘性导航栏。

粘性元素会根据滚动位置在相对和固定之间切换。它是相对定位的，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。
ul {
position: -webkit-sticky; /* Safari */
position: sticky;
top: 0;
}

注意：Internet Explorer、Edge 15 和更早版本不支持粘性定位。 Safari 需要 -webkit- 前缀（请参见上面的例子）。您还必须指定 top、right、bottom 或 left 至少之一，以使粘性定位起作用。

发表评论

表情：
评论列表 （有 0 条评论，224人围观）

还没有评论，来说两句吧...

相关阅读

    相关 粘性导航栏

    粘性导航栏 为 < ul> 添加 position: sticky;，以创建粘性导航栏。 粘性元素会根据滚动位置在相对和固定之间切换。它是相对定位的，直到在视口中遇到给

    ゞ 浴缸里的玫瑰ゞ 浴缸里的玫瑰/ 0 赞/ 225 阅读

    相关 导航栏

    想必大家在百度上见过许多导航栏的代码，下面我来为大家安利三种比较实用的导航栏（仅靠html/css来实现）： 1 下拉菜单栏： <!DOCTYPE html>

    深藏阁楼爱情的钟深藏阁楼爱情的钟/ 0 赞/ 445 阅读