javascript - 使用JQuery向下滑动到内部链接目的地?

标签 javascript jquery

所以我的网站上有一些内部链接,而且我是 JQuery 的新手。我想知道是否有一种方法可以让用户单击内部锚定链接文本并使页面顺利“向下滑动”到内部链接目的地?

    <li>apples</li>
    <li><a href="#benefits">Benefits of Joining</a></li>
    <li>peaches</li>
    ...

    ...

    ...

    ...

    ...

    <a name="benefits">Users of this site get the best benefits</a>

最佳答案

尝试这样的事情:

$('a').click(function() {
    $('html, body').animate({
        scrollTop: $('[name="' + $(this).attr('href').substr(1) + '"]').offset().top
    }, 1000);
    return false;
});​

参见 fiddle 例如:http://jsfiddle.net/EdmxK/

如果您愿意的话,您可能可以在网络上找到一些 jQuery 滚动插件。

关于javascript - 使用JQuery向下滑动到内部链接目的地?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13203160/

相关文章:

javascript - 更新范围的 Angular 方式是什么?

android - jQuery mobile,检测用户何时向右滑动图像

javascript - 如何在页面刷新时销毁 cookie

javascript - 使用 Ajax 捕获的动态 url 响应

javascript - 使用带有 $httpBackend 的 spyon 的 Jasmine 测试不工作

php - 如果数据库中的表不断变化,我应该如何更新

javascript - Bootstrap 响应式 iframe,具有自动高度计算

javascript - 单击后重置功能

javascript - Windows 10 32 位上的 Edge 阻止对本地主机的 ajax 调用,网络错误 0x2efd

javascript - 在鼠标 Y 上更改 2 种背景颜色 + 使 <p> 适应该新颜色