Бесконечно и плавно прокручивать HTML-таблицу с помощью jquery?

0

Таблица HTML значительно превосходит ширину страницы. Там есть ползунок для автоматического прокрутки содержимого.

Есть ли способ добиться автоматической прокрутки (слева направо), плавно?

В принципе, без вмешательства пользователя содержимое будет прокручиваться влево-вправо, бесконечно и плавно

Теги:
scroll

1 ответ

3
Лучший ответ

Вы можете просто добавить кусок javascript:

setInterval(function(){
     document.getElementById("yourdiv").scrollLeft += 3;
}, 20);

Демо: http://jsfiddle.net/UPLJs/

Или вы можете использовать плагин jQuery, как указано выше.

Обновление для остановки при наведении и запуск через 1 секунду:

Javascript:

var intervalId;

    setTimeout(function(){
        intervalId = setInterval(startScroll, 10);
    }, 1000);

startScroll = function() {     
        document.getElementById("yourdiv").scrollLeft +=3;
}

stopScroll = function () {
   clearInterval(intervalId); 
}

HTML:

<div id="yourdiv" onmouseover="stopScroll()">

Демо: http://jsfiddle.net/UPLJs/3/

Если у вас есть какие-либо вопросы, не стесняйтесь спрашивать их.

  • 0
    Работает отлично! Спасибо! :-)
  • 0
    Не по теме: поскольку таблица довольно большая (построена с использованием кода Javascript), и мне требуется n секунд, чтобы завершить загрузку, в зависимости от скорости компьютера и сети, как я могу разрешить прокрутку для запуска только через несколько секунд (5?) После завершения таблицы?
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню