可選鏈---?.
阿新 • • 發佈：2022-05-09
<!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>