0

我在我的网站上使用 ascensor.js,但 jquery 函数 scrollTop 有问题 - 它不起作用。我尝试了不同的选择,但仍然没有任何反应。如何解决?

// 编辑

对不起。这是代码。

我正在使用这个简单的功能。

<a id="scrolltop"></a>

$(function () {
             $('#scrolltop').click(function () {
                 $('html, body').animate({
                     scrollTop: '0px'
                 },
                 1500);
                 return false;
             });
});

现在,当我包含ascensor.js时,它就不再工作了。

4

1 回答 1

0

您尝试过的是普通的 jquery 方式,您没有使用 ascensor.js。这是两个版本,您可以看到区别-

<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="jquery.ascensor.min.js" type="text/javascript"></script>
</head>

下面是正文代码,我暂时使用了固定的 1000px 来查看滚动效果。

<div style="height:1000px;">Some text with fixed height</div>
<a id="scrolltop" style="float:right;width:100%" href="#">jquery-version</a>
<div style="height:20px;">&nbsp;</div>
<a id="ascensor" href="#">ascensor version</a>

<script type="text/javascript">
$(document).ready(function(){

    // attach jquery version to id scrolltop
    $('#scrolltop').click(function () {
        $('html, body').animate({
            scrollTop: '0px'
        },
        1500);
        return false;
    });

    // attach ascensor to id ascensor
    $('#ascensor').ascensor();

});
</script>

当您单击不使用 ascensor 并在使用动画时缓慢移动的 jquery-version 时。另一个版本是 ascensor,默认情况下会滚动到顶部。详细文档和实现示例可以为您提供其他功能,以在任何方向上移动动画。

于 2014-02-02T15:14:34.730 回答