0

我有一个非常简单的情况 - 我想在您打开页面时将窗口滚动到某个 ID，但要顺利完成。我尝试使用 Ariel Flesler 的 scrollTo 插件，但它什么也没做。这与我看到的其他帖子有点不同，因为我希望它只是滚动而没有任何点击或用户事件。

这就是我所拥有的：

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

<script type="text/javascript">
$(document).ready(function() {
    $(document).scrollTo($('#hello'), 2500, {easing:'elasout'} );   
});
</script>

在文档的下方，在正文中，有一个 id 为“hello”的元素

<div id="hello">
</div><!-- end hello -->

我尝试了其他选项 - 比如让 body 或 window 元素滚动

    $('body').scrollTo($('#hello'), 2500, {easing:'elasout'} ); 

    $(window).scrollTo($('#hello'), 2500, {easing:'elasout'} );

我试过将我的目标声明为坐标

$(document).scrollTo( {top:'110px', left:'290px'}, 2500, {easing:'elasout'} );

我也尝试过稍微不同地编写 URL。不确定使用 root-relative URL 或 doc-relative；根据我所读到的，因为我是在我的计算机上测试它，所以我应该使用像“../js/jquery.scrollTo.js”这样的文档相对 URL 而不是“js/jquery.scrollTo.js” ，但是当我使用另一个插件（quovolver）执行此操作时，它实际上已停止工作（并且之前工作正常）。我稍后会在下面的评论中发布一个指向我的完整页面的链接

在此先感谢，我对 Jquery 真的很陌生

4

0 回答 0