animate ({top: '- = динамическое значение'}, xxx) - PullRequest
2 голосов
/ 13 сентября 2011

Может ли кто-нибудь помочь мне, пожалуйста?

Я пытаюсь сделать автоматическую прокрутку вверх и вниз содержимого элемента 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' на динамические? Или заменить анимацию чем-то другим?

Ответы [ 2 ]

4 голосов
/ 13 сентября 2011

Конечно, вы можете динамически создавать значения анимации, если они разрешаются в строки:

var maxX = 200;
$('.jspPane').animate({ top: '-=' + maxX }, 2000);
0 голосов
/ 13 сентября 2011

Вам нужно использовать конкатенацию строк:

top: "-=" + someValue
...