CSS黏性定位指的是一種特殊的定位方式，它讓元素“黏”在頁面特定位置

position: sticky;
top: 20px;

這段代碼表示將元素固定在頂部位置，距離頂部20像素

當頁面滾動到指定位置時，該元素會“黏”在頁面上而不會跟隨滾動消失

position: sticky;
bottom: 0;

這段代碼則表示將元素固定在頁面底部位置，不會跟隨滾動消失

黏性定位適用于那些需要在頁面滾動時保持在特定位置的元素，比如導航菜單、廣告欄、消息提醒等等

需要注意的是，黏性定位只在指定的滾動范圍內生效，超過該范圍后元素仍然會跟隨滾動消失

position: sticky;
top: 100px;
bottom: 0;

這段代碼表示將元素固定在頁面上距離頂部100像素的位置，同時固定在頁面底部位置

在滾動范圍內，該元素會一直保持在該位置不動；超出滾動范圍后，元素會隨滾動消失

總之，CSS黏性定位是一種非常實用的定位方式，可以讓頁面元素在滾動時保持在特定位置，有效提升頁面的用戶體驗