1

Facebookのタイムライン日付セレクター/ページスクローラーの機能を複製しようとしています。これは、Facebookのタイムラインページの右上隅に表示されます。アニメーション効果を使用して年を選択すると、ページはその特定の年までタイムラインを下にスクロールします。これが私が私のために働かせようとしてきたコードです：

    <script type="text/javascript">

    $(document).ready(function(){

        $("ul a").click(function(event){
              if($(this).hasClass("fourthlink")){
                        // get the coordinates of the fourth div
            var offset = $("#sect4").offset();
                        // alert the y coordinate; I'm getting the right coordinate: 1062 
            alert(offset.top);
                        // Here's where I'm trying to move the page to the right spot
                window.moveTo(offset.left,offset.top);
                        // I've also tired window.scrollTo(offset.left,offset.top);
            }
        })


    });
</script>

私が最初にやろうとしているのは、未亡人に右のdivまでスクロールさせることです。次に、Facebookと同様のアニメーション効果を追加したいと思います。

4

2 に答える 2

0

コードを次のように修正してください。

$(document).ready(function(){
    $("ul a").click(function(event){
          if($(this).hasClass("fourthlink")){
                    // get the coordinates of the fourth div
        var offset = $("#sect4").offset();
                    // alert the y coordinate; I'm getting the right coordinate: 1062 
        alert(offset.top);
                    // Here's where I'm trying to move the page to the right spot
            window.scrollTo(offset.left,offset.top);
                    // I've also tired window.scorllTo(offset.left,offset.top);
        }
    })
});

を置き換える必要があります：window.moveTo()からwindow.scrollTo()。または、それが機能しない場合は、これを試してください。

$("html, body").animate({
    top: offset.top,
    left: offset.left
});
于 2012-06-23T16:06:17.890 に答える
0

さらに調査を行い、いくつかの異なる検索用語を使用した後、私の問題を解決する簡単なプラグインを見つけたので、それを共有したいと思いました.

于 2012-06-24T23:38:43.083 に答える