Question

文件参考（母版页）：

    <script src="JavaScript/jquery-1.10.2.min.js"></script>
    <script src="JavaScript/jquery-ui.min.js"></script>
    <script src="JavaScript/JavaScript.js" type="text/javascript"></script>

HTML

<a href="#bookmark1" class="rightLinks">Go to 50s</a>
<a id="bookmark1" class="title">50s</a>

JavaScript.js文件中的代码

 $(".rightLinks").click(function () {
    var id = $(this).attr('href');
    $('html,body').animate({ scrollTop: (($(id).offset().top) - 30) }, 300, "easeOutCubic");
});

当我删除'easeOutCubic'时，它完美无缺：

 $(".rightLinks").click(function () {
    var id = $(this).attr('href');
    $('html,body').animate({ scrollTop: (($(id).offset().top) - 30) }, 300");
});

但为什么不使用缓动功能？

Answer 1

添加此库jquery.easing.min.js：

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript">
</script>

添加您的库：

<script src="JavaScript/jquery-1.10.2.min.js"></script>
<script src="JavaScript/jquery-ui.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" type="text/javascript">
</script>
<script src="JavaScript/JavaScript.js" type="text/javascript"></script>

A demo of easing

Answer 2

您必须在母版页中添加jQuery UI 1.10的引用，就是这样！

您可以从这里下载http://jqueryui.com/download/

jQuery Easing函数在这里不起作用

2 个答案:

A demo of easing