bootstrap 实现吸顶效果_CSS3的position:sticky属性可实现简单的吸顶效果。

效果图：

代码：

Document

* {

padding: 0;

margin: 0;

}

.container {

background-color: lightgrey;

}

.content {

text-align: center;

background: #ddd;

}

p {

font-size: 16px;

padding-top: 40px;

}

ul {

display: flex;

text-align: center;

background-color: aquamarine;

position: sticky;

top: 0px;

}

li {

list-style: none;

flex: 1;

font-size: 22px;

font-weight: bold;

}

• 热度流行
• 精选推荐
• 时尚最新
• 新品上市

我是内容列表卡

我是内容列表卡

我是内容列表卡

我是内容列表卡

我是内容列表卡<