Автоматически вертикально прокручивать содержимое содержимого цикла

Question

Я пытаюсь найти простой способ иметь div только с текстом в нем, автоматически прокручивая текст по вертикали. Я не хочу использовать фреймворк (хотя я использую Prototype, поэтому, если проще использовать Prototype, тогда это нормально, но не Scriptalicious).

Я предполагаю, что есть способ сделать это с помощью нескольких строк кода, но я недостаточно знаком с Javascript, чтобы узнать, как наиболее эффективно это сделать.

Answer 1

Это не может быть обычным, но вы можете попробовать <marquee> тег

он работает как в IE и FF, и в последний раз, когда я проверял, сафари тоже.

<marquee behavior="scroll" direction="up" height="250" 
    scrollamount="2" scrolldelay="10""> 
    Your content goes here 
</marquee> 

должен дать вам то, что вы хотите,
и вы можете их стиль как любой <div> ...
, а затем есть дополнительное преимущество, не имеющие JavaScript ...

Редактировать в ответ на ваш комментарий

Он становится лучше, попробуйте это в любом браузере

onmouseover="this.stop()" onmouseout="this.start()" 

И это в IE

style="filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0, 
FinishOpacity=100, 
Style=1, StartX=0, FinishX=0, StartY=0, FinishY=10) 
progid:DXImageTransform.Microsoft.Alpha(Opacity=100, FinishOpacity=0, 
Style=1, StartX=0, FinishX=0, StartY=90, FinishY=100)" 

Как атрибуты тега шатрового ...

Answer 2

function scrollDivUp(id){ 
    document.getElementById(id).scrollTop-=1 
    timerUp=setTimeout("scrollDivUp('"+id+"')",10) 
} 

попробуйте что-то вроде этого, возможно.

вы также можете изменить .scrollTop- = 1 на .scrollTop + = 1 для прокрутки в другую сторону.

Вам также понадобится прокручиваемый div, который может быть выполнен путем ограничения размера и установки свойства стиля переполнения ie. style = "width: 200px; height: 300px; overflow: auto"

Answer 3

Попробуйте изменить div scrollTop. Существует пример here.

Answer 4

Я вижу, что правильный ответ еще не дан. Я думаю, вам нужно посмотреть на cloneNode(), например. И клонируйте элемент, который вы хотите прокрутить. Когда первый элемент находится в последней точке прокрутки, поместите дублированный элемент после первого элемента. И когда этот дублированный элемент почти в конце, поместите оригинал после дубликата и так далее!