javascript - 滚动到不同页面上的元素

Question

是否可以滚动到另一个页面上的元素。

我在 xyz 页面底部有详细联系信息，在关于我们页面上有联系按钮。一旦用户点击关于我们页面上的联系按钮，我希望他们转到 xyz 页面，然后自动滚动到底部的联系方式。

$("#contact-btn").click(function (){
            //$(this).animate(function(){
                $('html, body').animate({
                    scrollTop: $("#contact").offset().top
                }, 1000);
            //});
        });

Answer 1

当然可以...

假设您在“index.htm”上有一个链接:<a href="contact.htm#bottom">Contact</a> .

在“contact.htm”站点上，您有一个标签:<div id="bottom"></div> .

因此，如果浏览器加载带有哈希值“http://yoursite.com/contact.htm#bottom”的新网站，它将自动“跳转”到页面底部——但这看起来不像滚动事件!

如果你想有一个很好的滚动效果，你不能有一个 id 等于散列的 anchor ，而是用 javascript document.location.hash 读取散列如果用户在发生滚动事件的同一站点上，则分析它并像您习惯滚动一样滚动。

最好的问候:)