Автоскроллинг контента при помощи JavaScript
На этом уроке показано как при помощи JavaScript, можно создать автоскроллинг контента на Вашей странице. Этот скрипт может быть полезен на страницах с большим количеством контента, а так же может быть удобен при чтения большо количества текста т.к. можно регулировать скорость прокрутки. И так, начнем....
Для начала создадим чистый html файл в котором между тегами <body></body> вставим вот этот JS код:
| <script type="text/javascript"> var speed=1 // Скорость прокрутки от 1 до 1000000000 (0- отмена прокрутки) var currentpos=0,alt=1,curpos1=0,curpos2=-1 function initialize(){ startit() } function scrollwindow(){ if (document.all) temp=document.body.scrollTop else temp=window.pageYOffset if (alt==0) alt=1 else alt=0 if (alt==0) curpos1=temp else curpos2=temp if (curpos1!=curpos2){ if (document.all) currentpos=document.body.scrollTop+speed else currentpos=window.pageYOffset+speed window.scroll(0,currentpos) } else{ currentpos=0 window.scroll(0,currentpos) } } function startit(){ setInterval("scrollwindow()",10) // время задержки прокрутки } window.onload=initialize </script> |
А теперь, после скрипта введем любой текст, если его будет больше чем, высота Вашего экрана, то скрипт начнет автоматически прокручивать страницу.
Настроить скорость прокрутки можно в прокомментированных местах скрипта:
| var speed=1 // Скорость прокрутки от 1 до 1000000000 (0 - отмена прокрутки) setInterval("scrollwindow()",10 // время задержки прокрутки |
источник http://wcoders.com/
