Question

你好编码器我是 jquery 的新手。我搜索很多，但没有找到这个我正在寻找的不是自定义应用程序，我只是想要过程或方法我们如何实现这一点。

假设我有一个菜单或链接，如下所示

主页

关于

联系

作为链接或菜单，当我点击任何链接或菜单时， srcoll 向下到页面的位置，其中包含详细信息..

就像This link一样点击上面的菜单滚动到它在页面上的位置

这应该是单页面应用程序。

我有任何想法或教程，我想做jquery。

我可以使用scrollup（），scroll（），animate（）但是如何继续这是主要的结论，任何帮助都会受到赞赏。

Answer 1

您是否有机会谈论HTML锚点？ http://www.echoecho.com/htmllinks08.htm

Answer 2

这是您的解决方案的最佳链接 Single Page Site with Smooth Scrolling, Highlighted Link, and Fixed Navigation

在此链接中，您将了解如何使用此

粘贴菜单

 $(window).scroll(function () {
        var window_top = $(window).scrollTop()+12; // the "12" should equal the margin-top value for nav.stick
        var div_top = $('#nav-anchor').offset().top;
        if (window_top > div_top) {
            $('nav').addClass('stick');
        } else {
            $('nav').removeClass('stick');
        }
    });

使用scrollto.js文件滚动页面并在该函数中调用它以实现平滑滚动

 $("nav a").click(function (evn) {
        evn.preventDefault();
        $('html,body').scrollTo(this.hash, this.hash);
    });

我希望这会对你有所帮助

Answer 3

$('html,body').animate({scrollTop: $('#scrollToId').offset().top});

检查此解决方案jQuery scroll to element

如何通过单击链接滚动到页面中的位置

3 个答案: