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

本文关键字：位置 单击 何通过 链接 滚动 | 更新日期: 2023-09-27 17:56:18

嗨，程序员 我是jquery的新手。 我撒拉赫很多，但找不到这个 我正在寻找的不是自定义应用程序，我只是想要如何实现这一点的过程或方法。

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

  • 家
  • 大约
  • 联系
作为链接或菜单，

当我单击任何链接或菜单时，我会向下移动到页面的位置，其中存在它的详细信息。

就像这个链接一样，点击上面的菜单滚动到 它在页面上的位置

这应该是一个单页应用程序。

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

我可以使用scrollup（），scroll（），animate（），但是如何进行这是主要的原因，任何帮助将不胜感激。

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

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

这是您的解决方案的最佳链接 具有平滑滚动、突出显示链接和固定导航的单页网站

在此链接中，您将了解如何使用此粘贴菜单

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

我希望这对你有帮助

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

检查此解决方案 j查询 滚动到元素

相关文章：