您尝试过的是普通的 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;"> </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,默认情况下会滚动到顶部。详细文档和实现示例可以为您提供其他功能,以在任何方向上移动动画。