如何滾動horizo​​ntaly到特定的div點擊

Question

我想要做的是讓它如此，如果你點擊一個按鈕，它滾動horizo​​ntzly（順利）到頁面上的特定div。 如何做到這一點？

Answer 1

我真的不知道你的問題的條件，但你可以嘗試一些像：

$('#your_button').on('click', function() { 
    $('html, body').animate({ 
     scrollLeft: $('#your_div').offset().left 
    }, 1000); 
}); 

Answer 2

您可以使用jQuery.scrollTo plugin。

Answer 3

您可以使用jQuery的從動畫以下列方式（點擊紅色的DIV，你的按鈕）：

https://jsfiddle.net/7a40qo2x/7/

---

$('#button').on('click', function() { 
    $("#button").animate({ 
    opacity: 0.25, 
    left: '+=' + $('#destination').offset().left 
    }, 1000, function() { 
    // Animation complete. 
    }); 
});