滚动到其他页面上的元素

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等于哈希的锚，而应使用javascript document.location.hash读取哈希，并进行分析，就像用户在同一站点上滚动时一样进行滚动事件发生。

最好的祝福 ：）