JCarouselLite Плавная вертикальная прокрутка - PullRequest
Новая
       6

JCarouselLite Плавная вертикальная прокрутка

2 голосов
/ 25 марта 2011

Извините, если этот вопрос задавался ранее, но я не смог найти точный ответ, который искал.

Мне нужно сделать вертикальный текстовый тикер, который плавно движется, без заметных пауз и повторяется бесконечно.

Я нашел JCarouselLite, и все выглядело так, как я хочу.

Однако, если я установлю интервал «auto» на 1 или даже на 0,01, между каждым движением все равно будет пауза. Я также установил замедление на «линейный», чтобы убрать это из уравнения.

Затем я попытался настроить прокрутку на большее количество элементов и большую длительность, чтобы минимизировать паузы. С длительностью, установленной на 18000 мс и 51 предметом, это выглядит великолепно. Одна из проблем - это задержка на 18000 мс перед первым запуском и каждый последующий раз.

Страница здесь: https://secure.awarenesslife.com/tickertest.cfm

Код 1 здесь (версия с одной прокруткой): 

 <script type="text/javascript">
jQuery(document).ready(function() {
    $(".academyCarousel").jCarouselLite({
        vertical: true,
        hoverPause: false,
        visible: 15,
        easing: 'linear',
        auto: 0.001,
        speed: 800,
        scroll: 1
    });
});
</script>

Код 2 здесь (версия с несколькими прокрутками): 

<script type="text/javascript">
jQuery(document).ready(function() {
    $(".academyCarousel").jCarouselLite({
        vertical: true,
        hoverPause: false,
        visible: 15,
        easing: 'linear',
        auto: 0.001,
        speed: 18000,
        scroll: 51
    });
});
</script>
...