窗口滚动不起作用

时间:2016-04-21 08:25:49

标签: javascript jquery scroll jquery-animate scrolltop

我有一些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);
         });
    });

1 个答案:

答案 0 :(得分:0)

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