2016-04-21 52 views
-1

我有一些div,我想要的是,当我点击其中一个div时,它会自动滚动到当前窗口的顶部。因此,我计算了当前位置(相对于窗口),我计算了窗口的高度,然后将动画滚动到由前面数字之间的差异给出的位置。但它不滚动。为什么?窗口滚动不起作用

全码:http://jsfiddle.net/8dhhbk9r/

JS代码:

 $('.post').each(function() { 
     var post = $(this); 
     post.text(post.position().top - $(window).scrollTop()); 
     post.click(function() { 
     var where = post.position().top - $(window).scrollTop(); 
     var h = $(window).height(); 
     var scrollTo = h - where; 
     post.animate({ 
     scrollTop: scrollTo 
    }, 800); 
     }); 
    }); 
+0

你想点击的DIV滚动至窗口的顶部? –

+0

是的,当我点击一个“.post”时,页面必须滚动,而点击的元素位于窗口的顶部 – panagulis72

回答

0
$(".post").on("click", function(){ 
    $("body, html").animate({'scrollTop': $(this).offset().top}, 1000); 
});//click