javascript - 如何在不滚动主屏幕的情况下跳转到滚动元素的某个位置？

Question

我在页面上有一个容器 (div)。这个容器有一个滚动条(由 overflow:auto; height:400px 提供)。
我不需要提供一个 URL，它会打开一个页面，这样主页就不会滚动，但容器中的文本会滚动。
我尝试了 www.mysite.com#position，但通过这种方式，主页也滚动了(我需要，用户将在屏幕顶部看到标题，并且“#position”容器顶部的位置)

Answer 1

这可以通过 javascript 实现。我将在此处展示一个 jQuery 示例。

if (window.location.hash == '#position') {
    $('#containerDiv').animate({
     scrollTop: $("#actual_position").offset().top
 }, 2000);
}

actual_position 应该是滚动到的地方。 position 应该只是在 url 而不是在页面上，以防止整个页面滚动。