javascript - Smooth Scroll 跳跃而不是滚动

标签 javascript jquery html css

我使用了 CSS TRICKS 的 Smooth Scroll Plugin, 它工作得很好,但只有 2 个 ancoher 链接,而不是另一个链接,请在此处查看演示,

LIVE DEMO

它对行业和定价非常有用,但在推荐时它只是跳转到该位置,而且固定导航也切断了该部分。

<script>
$(document).ready(function () {
    $('a[href^="#"]').on('click', function (e) {
        e.preventDefault();
        var target = this.hash,
            $target = $(target);
        $('html, body').stop().animate({
            'scrollTop': $target.offset().top - 130 // - 130px (nav-height)
        }, 900, 'swing', function () {
            // Replace this with something that can be easily parsed and used by your code
            window.location.hash = '3' + target;
        });
    });
});
</script>

最佳答案

我在这里做了一个 jsfiddle,
jsfiddle.net/Thq62/

它工作正常,只是向链接添加了正确的 id 和散列

关于javascript - Smooth Scroll 跳跃而不是滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24756648/

相关文章:

java - 通过 Java 从 Javascript 更改填充多个 HTML 语句

javascript - 在网络应用程序(如天气应用程序)上模仿 iPhone 滑动 View

javascript - 如何使用 Node require 在另一个 Javascript 文件中定义类的函数?

jquery - MVC 3 在数据库中保存复选框状态

javascript - 为什么它没有重定向到 webview?

php - 服务器抛出异常,客户端误解为成功

javascript - 通过点击(this)获取元素的id

javascript - Angular UI 网格 : Hover on expandable row

c# - Jquery AJAX 与 ASP.NET WebMethod 刷新整个页面

javascript - JQuery 函数submit(),用于当用户在 input=text 中按 Enter 时,还提交位于同一表单中的 input=submit