jquery - 动画({顶部 : '-=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);