jQuery:当 margin-top < 0 时停止滚动文本

Question

我的滚动文本有 2 个按钮工作正常，但我似乎无法让它停止。我正在尝试使用 and if 语句在边距 < 0 时禁用该按钮。

请在此处查看演示:

http://jsbin.com/udumos/2/edit

代码:

$(function() {

    var margin = parseInt(jQuery('#content').css('margin-top'), 10);

    $('#scroll-down').click(function() {

        $('#content').animate({
            'margin-top': '+=50'
        }, 1000);

        return margin;

    });

    if (margin > 0) {
        $('#scroll-up').click(function() {

            $('#content').animate({
                'margin-top': '-=50'
            }, 1000);

        });
    }

});

Answer 1

您需要在每次点击事件时更新边距。

$(function () {
    $('#scroll-down').click(function () {
        $('#content').animate({
            'margin-top': '+=50'
        }, 1000);
        return margin;
    });

    $('#scroll-up').click(function () {
        var margin = parseInt(jQuery('#content').css('margin-top'), 10);
        if (margin >= 0) {
            $('#content').animate({
                'margin-top': '-=50'
            }, 1000);
        }
    });
});