滚动到活动链接 jQuery

Scroll to active link jQuery

本文关键字：jQuery 链接 活动 滚动      更新时间：2023-09-26

我在做这件事时遇到了很大的困难。我有一个带有 12 个按钮的登录页面。当您单击一个按钮时，它会将您定向到带有 12 li a 的导航栏的页面。我已经制作了将其设置为活动的一部分代码。

<li><a href="..." class="active">

当加载具有活动 A 类的页面时，它应该滚动到该页面。 导航栏是水平的。 我试过ScrollTo，但没有快乐。谢谢。

更新：这是示例 ss。

http://postimg.org/image/xtn1ljsnt/"项目 5"选项卡必须显示在中间。就像

项目

4 项目5 项目6

谢谢

我很难可视化标记 如果您只提供单个元素，但如果您修改它以适应您的方案，下面的示例应该就足够了。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test</title>
    <style>
        #foo {
            margin-top: 1000px;
        }
    </style>
</head>
<body>
    <div id="foo">Hello</div>
    <script>
        $(function () {
            $('html, body').animate({
               scrollTop: $("#foo").offset().top
            }, 2000);
        });
    </script>
</body>
</html>

js小提琴

相关文章：