Question

我在我的网站上使用了ascensor.js，我遇到了jquery函数scrollTop的问题 - 它不起作用。我尝试了不同的选择，但它仍然没有发生。如何解决？

//编辑

对不起。这是代码。

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

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

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

现在当我加入ascensor.js时，它已经停止工作了。

Answer 1

你试过的那个是普通的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>

当您单击不使用提升器的jquery-version并在使用动画时缓慢移动。另一个版本是提升，默认情况下滚动顶部。详细文档和implementation example可以为您提供移动任何方向动画的其他功能。

Ascensor.js和scrollTop jquery不起作用

1 个答案: