window 的卷轴不起作用
Scroll of window doesn't work
我有一些 div,我想要它,当我点击其中一个时,它会自动滚动到当前 window 的顶部。
因此,我计算了当前位置(相对于 window),我计算了 window 的高度,并且我动画滚动到由先前数字之间的差异给出的位置。但它不滚动。为什么?
完整代码: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);
});
});
$(".post").on("click", function(){
$("body, html").animate({'scrollTop': $(this).offset().top}, 1000 );
});//click
我有一些 div,我想要它,当我点击其中一个时,它会自动滚动到当前 window 的顶部。 因此,我计算了当前位置(相对于 window),我计算了 window 的高度,并且我动画滚动到由先前数字之间的差异给出的位置。但它不滚动。为什么?
完整代码: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);
});
});
$(".post").on("click", function(){
$("body, html").animate({'scrollTop': $(this).offset().top}, 1000 );
});//click