css固定标题 |css root 变量

css列表入门，css变形平移效果，css单位转换工具，css字体 font-family，引用css样式的方法有，在哪编辑css样式表，css root 变量 css固定标题 |css root 变量

/* 方法一：设置position固定位置 */
h1 {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
text-align: center;
padding: 10px;
z-index: 999;
}
/* 方法二：设置滚动事件 */
$(window).scroll(function(){
var top=$(window).scrollTop();
if(top>100){
$('h1').addClass('fixed');
}else{
$('h1').removeClass('fixed');
}
});
.fixed{
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: #ffffff;
text-align: center;
padding: 10px;
z-index: 999;
}
/* 方法三：使用Sticky属性 */
h1{
position: sticky;
top: 0;
background-color: #ffffff;
text-align: center;
padding: 10px;
z-index: 999;
}

以上三种方法都可以实现CSS固定标题，根据实际需求选择其中一种即可。