CSS滾動貼合是一種非常實用的技術，可以實現當頁面滾動時，某個元素會跟隨著滾動并貼合在頁面上方的固定位置不變。這種技術常常被用來實現導航欄的固定效果（例如百度首頁頂部的導航欄就是采用了這種技術）。

.sticky {
position: fixed;
top: 0;
width: 100%;
}

以上就是css滾動貼合的核心代碼。其中，position屬性用來設置元素的布局方式，而fixed值則表示令元素脫離文檔流，不受其他元素的影響，根據top、right、bottom、left等屬性值設置元素的位置。

在上述代碼中，我們將元素的top值設為0，即讓該元素固定在頁面的頂部。為了保證元素能夠占滿整個頁面寬度，我們還需要將該元素的width值設為100%。

接下來，我們需要在JavaScript中監聽瀏覽器的滾動事件，在滾動時，使用scrollTop()方法得到文檔滾動的距離，并為該元素設置相應的top值即可實現滾動貼合效果。

var stickyElement = document.querySelector('.sticky');
window.addEventListener('scroll', function(e) {
var distanceY = window.pageYOffset || document.documentElement.scrollTop,
shrinkOn = 200,
header = document.querySelector("header");
if (distanceY >shrinkOn) {
header.classList.add("smaller");
} else {
header.classList.remove("smaller");
}
});

上面的代碼中，我們對頁面進行了滾動監聽，并使用classList屬性對目標元素進行添加或刪除“smaller”類名的操作。接下來，只需要在CSS文件中針對“smaller”類名設置新的樣式即可。

總之，CSS滾動貼合是一種非常實用的技術，可以幫助我們實現頁面的優化和提升用戶體驗。如果你希望自己的網頁也能夠具有這種效果，那么不妨嘗試一下吧。