javascript - 如何在 animate 中将 "+="赋值运算符与变量一起使用？

Question

我正在努力解决这个问题。

http://jsfiddle.net/yhcqfy44/

动画应该自动相对于 <span> 滚动到顶部每次出现滚动条时的高度。

我已经写了这个，但没有运气:

var hheight = $('<span>').height();
var i = 0;
var blackposition;
var square = $('<span></span>').first();
var endless = setInterval(function() {

    if (i % 4 == 0) {
        blackposition = Math.floor(4 * Math.random());
    }

    var math = (blackposition == (i % 4)) ? 0 : 1;

    square.clone().addClass('color_' + math).text((math < 1) ? 'even' + i : 'odd' + i).appendTo('#container');
    i++;

    $('body,html').animate({
        scrollTop: '+=' + hheight + 'px'
    }, 1000, 'linear')
}, 500);

$(window).on('scroll', function() {
    if ($("span").offset().top + $("span").height() < $(window).scrollTop()) {
        $("span").slice(0, 4).remove();
    };
});

有解决方案吗？

Answer 1

您正在为 scrollTop 属性提供一个字符串，JavaScript 只会将其视为字符串而不是运算符，除此之外，我认为您不能在那里使用运算符所以我会尝试这样的 scrollTop: $(document).height() + 'px' 我认为这符合你的要求，看看这个 http://jsfiddle.net/yxbj0fen/2/

基本上只是滚动到文档的底部，但您可以将其替换为另一个容器(例如 div)