我结合了其他人发布的内容。它简单流畅

 $('#myButton').click(function(){
        $('html, body').animate({
            scrollTop: $('#scroll-to-this-element').position().top },
            1000
        );
    });

你可以使用jQuery scrollTo插件插件:

$('div').scrollTo('#row_8');

与这里大多数人的建议相反，如果你想让移动动画化，我建议你使用插件。仅仅对scrollTop进行动画化是不足以获得流畅的用户体验的。在这里可以看到我的答案。

这些年来，我尝试了许多插件，但最终还是自己写了一个。你可能想让它旋转一下:jQuery.scrollable。使用它，滚动动作变成

$container.scrollTo( targetPosition );

但这还不是全部。我们还需要确定目标位置。你在其他答案中看到的计算，

$target.offset().top - $container.offset().top + $container.scrollTop()

大部分是可行的，但并不完全正确。它不能正确地处理滚动容器的边界。目标元素向上滚动得太远了，按边框的大小。这里是一个演示。

因此，计算目标位置的更好方法是

var target = $target[0], 
    container = $container[0];

targetPosition = $container.scrollTop() + target.getBoundingClientRect().top - container.getBoundingClientRect().top - container.clientTop;

同样，看一下演示，看看它是如何运行的。

对于返回目标位置并同时适用于窗口和非窗口滚动容器的函数，可以使用以下要点。这里的注释解释了如何计算位置。

在一开始，我说过最好使用动画滚动插件。然而，如果你想在没有转换的情况下跳转到目标，你不需要一个插件。请参阅@James的答案，但如果容器周围有边框，请确保正确计算目标位置。

我做了这个组合。这是我的工作。但如果点击，就会面临一个问题 移动该div尺寸太大，场景滚动不向下到这个 特定的div。

 var scrollDownTo =$("#show_question_" + nQueId).position().top;
        console.log(scrollDownTo);
        $('#slider_light_box_container').animate({
            scrollTop: scrollDownTo
            }, 1000, function(){
        });

        }

我结合了其他人发布的内容。它简单流畅

 $('#myButton').click(function(){
        $('html, body').animate({
            scrollTop: $('#scroll-to-this-element').position().top },
            1000
        );
    });

不知道为什么没有人说显而易见的，因为javascript中有一个内置的scrollTo函数:

scrollTo( $('#element').position().top );

参考。