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

动画（{top：' - =动态值'}，xxx）

2 个答案: