Question

我使用jQuery向下滚动页面。例如，使用下面的代码，页面通过单击链接向下滚动到div id“bottom”。它工作正常，但地址栏中的URL保持不变。我希望当我点击链接时，它会向下滚动，但也会在浏览器的地址栏中添加＃（或者下面链接的URL）。例如，页面的网址为example.com/test.php，它应该像example.com/test.php# 有可能这样做吗？感谢。

<a href="#" class="scrollToBottom">Scroll to bottom</a>

jQuery的：

$(document).ready(function(){
        $('a.scrollToBottom').click(function(){
            $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow');
                return false;       
        });
    })

Answer 1

您必须删除返回false行。

 $(document).ready(function(){
        $('a.scrollToBottom').click(function(){
            $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow');
        });
    })

Answer 2

从您的代码中删除return false，它可以根据需要使用。

    $(document).ready(function(){
        $('a.scrollToBottom').click(function(){
            $('html, body').animate({ scrollTop: $('#bottom').offset().top }, 'slow');
        });
    })

关于jquery scrolltop的问题

2 个答案: