在網頁設計中，頁面滾動是一個非常常見的交互效果。如果頁面沒有平滑滾動效果，可能會給用戶帶來一些不必要的不適，降低用戶體驗。那么，如何設置平滑滾動效果呢？

// jQuery 代碼實現平滑滾動效果
$('a[href*=\\#]').click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});

上面的代碼中，我們使用 jQuery 實現頁面平滑滾動效果。具體來說，當用戶點擊頁面中的鏈接時，網頁將會平滑滾動到對應的目標位置處。代碼注釋中的英文解釋也非常清楚，如果您了解 jQuery 的語法，應該不難理解代碼的意思。

需要注意的是，上面的代碼中我們使用了 "href*=\\#" 這樣的選擇器，這能夠匹配到所有 href 屬性中包含 "#" 的鏈接。另外， "event.preventDefault();" 這一行代碼能夠取消掉默認行為，防止鏈接跳轉到其他頁面。

在使用上述代碼時，您應該把它放到您網頁的 JS 文件中。當然，如果您并不想使用 jQuery，您也可以選擇使用 JavaScript 實現平滑滾動效果，具體可參考如下代碼：

// JavaScript 代碼實現平滑滾動效果
setTimeout(function(){
var hash = location.hash;
if (hash !== '' && document.getElementById(hash.slice(1))) {
var target = document.getElementById(hash.slice(1)).offsetTop;
target = target - 60;
window.scrollTo(0, target);
}
}, 1000);
for (var i = 0; i< allLink.length; i++) {
allLink[i].onclick = function() {
var hash = this.getAttribute('href');
if(hash.charAt(0) === '#' && document.getElementById(hash.slice(1))) {
var target = document.getElementById(hash.slice(1)).offsetTop;
target = target - 60;
scrollTo(0, target);
return false;
} else {
return true;
}
};
}

通過以上代碼，您可以使用 JavaScript 實現平滑滾動效果。這段代碼較 jQuery 更為復雜，但也更具有靈活性。

綜上所述，頁面平滑滾動效果能夠提高用戶體驗，應該在網頁設計中妥善使用。無論是使用 jQuery 還是 JavaScript，只要操作正確，都能夠實現平滑滾動效果。