在網頁設計中，滑動頁面時常常會遇到需要置頂的元素，比如導航欄、標題等。實現這個效果的方式有很多，其中一種比較常見的方法是通過CSS進行設置。

首先，我們需要給需要置頂的元素添加一個固定定位（position:fixed），這樣就可以將其固定在屏幕的某個位置。

.my-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
}

上面的代碼為一個導航欄添加了固定定位，并將其置于屏幕的頂部。

但是，這樣還不夠，當我們滑動頁面時，導航欄還是會隨著頁面滑動而移動。因此，我們還需要通過JavaScript來控制它的位置。具體來說，就是通過監聽頁面滾動事件，當滾動到一定位置時，將導航欄移到固定位置。

window.onscroll = function() {
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
if (scrollTop >100) {
document.querySelector('.my-nav').style.top = '0';
} else {
document.querySelector('.my-nav').style.top = '-60px'; // 60px是導航欄的高度
}
}

上面的代碼中，我們監聽了頁面的滾動事件，并通過document.documentElement.scrollTop和document.body.scrollTop獲取頁面的滾動距離。當滾動距離大于100時，我們將導航欄移到固定位置，否則將其隱藏。

這樣，我們就實現了滑動時置頂的功能。當然，實現此效果還有其他方法，可以根據具體需求選擇適合的方式。