JavaScript 頁面捲動方式

跳至指定座標

    
window.scrollTo(0, 0); // x:0, y:0
    

捲動至指定座標

    
window.scrollTo({top:0, behavior: 'smooth'});
    

跳至頁面底部

    
window.scrollTo(0, document.body.scrollHeight);
    

平滑捲動至頁面底部

    
window.scrollTo({
    top: document.body.scrollHeight,
    behavior: 'smooth'
});
    

移動相對座標 (向下捲動 100 像素)

    
window.scrollBy(0, 100);
    

平滑捲動相對座標 (向下捲動 100 像素)

    
window.scrollBy({top: 100, behavior: 'smooth'});
    

跳至指定元素位置(使元素可見)(元素 id 等於 app)

    
document.getElementById('app').scrollIntoView();
    

平滑捲動到指定元素位置(使元素可見)(元素 id 等於 app)

    
document.getElementById('app').scrollIntoView({behavior: 'smooth'});