CSS實現吸頂容器是Web前端開發中常見的技巧，可以讓頁面元素在滾動到一定位置時固定在頁面頂部，提升用戶體驗。

/* 定義吸頂容器的樣式 */
.ceiling {
position: fixed;
top: 0;
width: 100%;
background-color: #fff;
z-index: 999;
}
/* 監聽頁面滾動事件 */
$(window).on('scroll',function(){
var scrollTop = $(window).scrollTop();
var ceilingTop = $('#ceiling').offset().top;
if(scrollTop >= ceilingTop){
$('.ceiling').addClass('fixed');
}else{
$('.ceiling').removeClass('fixed');
}
});

首先，我們要定義吸頂容器的樣式，設置其position為fixed，top為0，width為100%以覆蓋整個頁面頂部，background-color為白色，z-index為999，使其位于頁面最上層。

接下來，我們使用jQuery監聽頁面滾動事件，獲取當前頁面滾動距離scrollTop和吸頂容器距離頁面頂部的距離ceilingTop，當scrollTop大于等于ceilingTop時，為吸頂容器添加fixed類，使其固定在頁面頂部；否則，移除fixed類，還原其原來的位置。

以上便是使用CSS實現吸頂容器的核心代碼，希望對大家有所幫助。