animate({top： '-=Dynamic value'}， xxx)

Question

谁能帮帮我?

我试图做一个自动滚动上下一个div元素的内容。为此，我使用。animate()。下面是我的Jquery代码片段:

$(document).ready(function () {
$('.jspPane').animate({ top: '-=100' }, 2000).animate({ top: '+=100' }, 2000).stop();});

HTML是这样的:

    <div class="widgetInnerWrapper">
    <div class="widget logos">
        <div class="title">
            <h3>
                Membership</h3>
        </div>
        <div class="widgetContent">
            <div class="scrollContentWrapper">
                <div class="scroll-pane">
                    <div id="logosFull">
                        <div id="logosBottom">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

我设法让它的工作设置值，但div的内容很可能会改变，我想问:

我能以某种方式用动态值替换顶部值'-=100'和'+=100'吗?或者用其他东西替换动画?

Answer 1

当然，你可以动态地创建动画值，只要它们解析为字符串:

var maxX = 200;
$('.jspPane').animate({ top: '-=' + maxX }, 2000);

Answer 2

您需要使用字符串连接:

top: "-=" + someValue