"Бегущая строка" SmoothDivScroll прокручивается только один раз

Моя проблема сегодня в том, что бегущая строка прокручивается только один раз. "MakeMeScrollable" содержит текст, который должен прокручиваться бесконечно, но буквально прокручивается только до конца текста. Есть идеи, что может быть причиной этого? Firebug не показывает никаких проблем

Вот мой код:

Это в голове:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="js/jquery-ui-1.8.23.custom.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/jquery.smoothdivscroll-1.3-min.js"></script>

<script type="text/javascript">
    // Initialize the plugin with no custom options
    $(document).ready(function () {
        // None of the options are set
        $("#makeMeScrollable").smoothDivScroll({
            autoScrollingMode: "always",
            autoScrollingDirection: "endlessLoopRight",
            autoScrollingStep: 1,
            autoScrollingInterval: 15
        });

        $("#makeMeScrollable").bind("mouseover", function () {
            $("#makeMeScrollable").smoothDivScroll("stopAutoScrolling");
        });

        $("#makeMeScrollable").bind("mouseout", function () {
            $("#makeMeScrollable").smoothDivScroll("startAutoScrolling");
        });
    });
</script>

Это в теле:

<div id="makeMeScrollable">
    <p>this contains very long text</p>
</div>

1 ответ

Я понял это, или, более конкретно, я немного лучше прочитал. Оказывается, что если каждый из элементов не имеет такую ​​же длину, как полоса прокрутки, у них не будет достаточно времени, чтобы поменяться местами, и поэтому скроллер остановится.

Я только увеличил длину каждого текста, и теперь он отлично работает.

Другие вопросы по тегам