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>

ノート：

コンテナー - 高さ 100px

List-Items - 各高さ 50px

どちらも幅は 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 に答える