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 回答