在網頁設計中，導航欄一直是一個重要的元素。為了增強用戶體驗，我們通常會在導航欄中添加點擊滾動特效。那么，在HTML中如何實現這個效果呢？

.nav-item{
cursor: pointer;
}
$(document).ready(function(){
$('a[href^="#"]').on('click', function(event) {
var target = $(this.getAttribute('href'));
if( target.length ) {
event.preventDefault();
$('html, body').stop().animate({
scrollTop: target.offset().top
}, 1000);
}
});
});

以上代碼實現了點擊導航欄中的鏈接后，頁面會自動滾動到對應的區域。代碼中首先為導航欄添加了指針形狀的鼠標樣式，然后利用jQuery來實現導航欄中鏈接的點擊事件。當點擊鏈接時，會獲取對應區域的偏移量，然后通過animate()函數實現頁面的滑動效果。

需要注意的是，鏈接的href屬性要以#開頭，這樣才能正確獲取到對應區域的偏移量。代碼中的1000表示滾動動畫的時間，單位是毫秒。可以根據需要進行調整。

通過以上代碼，我們可以方便地實現導航欄的點擊滾動效果，為用戶帶來更加流暢的瀏覽體驗。