HTML滾動JS代碼可以增加網頁交互性和可讀性。在HTML網頁中，通過JavaScript代碼控制滾動條的滾動效果，實現更好的用戶體驗。

// 獲取滾動條對象
var scrollObj = document.documentElement.scrollTop ? document.documentElement : document.body;
// 滾動方法
function scrollTo(to, duration) {
if (duration<= 0) return;
var difference = to - scrollObj.scrollTop;
var perTick = difference / duration * 10;
setTimeout(function() {
scrollObj.scrollTop = scrollObj.scrollTop + perTick;
if (scrollObj.scrollTop === to) return;
scrollTo(to, duration - 10);
}, 10);
}
// 滾動到元素位置
var element = document.getElementById("element-id");
scrollTo(element.offsetTop, 500);

上面的代碼中，首先獲取滾動條對象，然后定義一個滾動方法scrollTo，該方法接受兩個參數：滾動距離和滾動時間。使用遞歸實現緩動效果，每次滾動一點距離，滾動速度逐漸減慢，直到滾動到目標位置。最后，可以使用offsetTop屬性獲取元素位置，并將滾動距離和滾動時間傳入scrollTo方法實現滾動目標元素的效果。