DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>粘滞定位title>
<style>
ul {
height: 200px;
width: 200px;
background-color: #bfa;
overflow: auto;
}
ul li {
height: 20px;
}
ul .l1 {
/* 开启粘滞定位*/
position: sticky;
top: 0;
background-color: skyblue;
}
ul .l2 {
position: sticky;
top: 20px;
background-color: skyblue;
}
style>
head>
<body>
<ul>
<li class="l1">李li>
<li>李嘉诚li>
<li>李连杰li>
<li>李世民li>
<li>李小龙li>
<li>李嘉诚li>
<li>李连杰li>
<li>李世民li>
<li>李小龙li>
<li>李嘉诚li>
<li>李连杰li>
<li>李世民li>
<li>李小龙li>
<li>李嘉诚li>
<li>李连杰li>
<li>李世民li>
<li>李小龙li>
<li class="l2">王li>
<li>王嘉诚li>
<li>王连杰li>
<li>王世民li>
<li>王小龙li>
<li>王嘉诚li>
<li>王连杰li>
<li>王世民li>
<li>王小龙li>
<li>王嘉诚li>
<li>王连杰li>
<li>王世民li>
<li>王小龙li>
<li>王嘉诚li>
<li>王连杰li>
<li>王世民li>
<li>王小龙li>
ul>
body>
html>