Question

我正在开发一个需要来自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像素

List-Items - 每个高度50px

两者的宽度均为100％。

我真的无法弄清楚我在哪里弄错了。 我缺少什么？

Answer 1

不需要插件imho。

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

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

Jquery LocalScroll＆amp; ScrollTo - 明显的错误？

1 个答案: