滚动到不同页面上的元素

时间:2014-08-15 01:02:19

标签: javascript jquery html

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

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

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

1 个答案:

答案 0 :(得分:2)

当然可以......

假设您在“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读取哈希值进行分析并滚动,就像用户滚动一样,如果用户是相同的网站滚动事件发生。

最好的问候:)