0

我正在开发一个需要 Ariel Flesler 的 jquery scrollTo 插件的项目：Plugin-website

我遵循了描述，并确定了对 stackoverflow 的研究。

以下方法不起作用，即使它看起来对我来说是正确的。

在这一点上，我想我犯了一个我看不到的明显错误。我想我需要一些帮助。

这是代码：

在头上：

<script type="text/javascript" src="(...)/js/jquery.scrollTo-1.4.2-min.js"></script> 
<script type="text/javascript" src="(...)/js/jquery.localscroll-1.2.7-min.js"></script> 
<script type="text/javascript" src="(...)/js/jquery.serialScroll-1.2.2-min.js"</script>

jQuery：

<script type="text/javascript">
jQuery(function( $ ){

var $paneTarget = $('#container');

    $('#down').click(function(){
        $paneTarget.stop().scrollTo( {top:'+=50px',left:'+=0'}, 500 );
    });

});
</script>

标记：

<div id="container">
 <ul>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
 </ul>
</div>
<a id="down" href="#">Next item</a>

笔记：

容器 - 高度 100 像素

列表项 - 每个高度为 50 像素

两者的宽度均为 100%。

我真的不知道我在哪里犯了错误。我错过了什么？

4

1 回答 1

2

不需要插件恕我直言。

$(function() {
    var y=0;
    $("#down").click(function(e){
        e.preventDefault();
        $("#container").animate({scrollTop: y+=50}, 1000);
    }) 
})

看看这个小提琴：http: //jsfiddle.net/flyingsausage/kU2ME/

于 2012-08-18T11:03:08.557 回答