关于jqueryscrolltop的问题

发布于 2024-12-02 08:58:58 字数 591 浏览 1 评论 0原文

我使用 jQuery 向下滚动页面。例如，使用下面的代码，通过单击链接，页面向下滚动到 div id“底部”。它工作正常，但地址栏中的 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;       
        });
    })

原文

I scroll down a page using jQuery. For example, With the code below, the page scroll down to a div id "bottom" by clicking a link. It works fine, but the url in the address bar remains same. I want that when I click the link, it scroll down as it does, but also add # (or whatever is the url of the link below) in the address bar of the browser.
For example, the url of page is example.com/test.php, it should become something like example.com/test.php#
Is it possible to do so? Thanks.

<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;       
        });
    })

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

热血少△年 2024-12-09 08:58:59

您必须删除 return false 行。

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

You have to remove the return false line.

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

回复收藏 0 原文

懵少女 2024-12-09 08:58:59

从代码中删除 return false ，它将按您想要的方式工作。

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

Remove return false from your code it will work as you want.

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

回复收藏 0 原文

~没有更多了~