如何在点击时将水平滚动到特定div

Question

我想要做的就是这样做，如果你点击一个按钮，它会水平滚动（平滑）到页面上的特定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中的animate（单击红色div，您的按钮）：

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

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