Question

我有一个非常简单的情况 - 我想在打开页面时将窗口滚动到某个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').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;根据我读过的内容，因为我在计算机上测试它，我应该使用文档相对URL，如“../js/jquery.scrollTo.js”而不是“js / jquery.scrollTo.js” ，但是当我用另一个插件（quovolver）做到这一点时，它实际上已停止工作（之前它工作正常）。我将在下面的评论中发布一个链接到我的整个页面

先谢谢，我对Jquery来说真是太新了

无法让ScrollTo（Ariel Flesler的插件）在简单的页面上工作

0 个答案: