Сейчас: 11:24:19   29-го марта 2024 г.
UsefulScript.ruСкриптыРазныеСкроллинг на JavaScript
54
189

Скрипт скроллинга на JavaScript

Для автоматической прокрутки Вашей странички сверху вниз, Вы можете воспользоваться скриптом вертикального скроллинга, реализованным при помощи JavaScript.


Чтобы увидеть предлагаемый скрипт автоскроллинга в работе, нажмите на кнопку, расположенную ниже:


Чтобы остановить выполнение скрипта автоскроллинга, нажмите на кнопку:



Для получения на своем сайте точно такого же скроллинга (прокрутки) странички, как на данной страничке, воспользуйтесь JavaScript кодом, представленным ниже:

JavaScript код:
<script type="text/javascript">
var 
speed 15;
var 
current_position 0;
var 
alt 1;
var 
position_1 0;
var 
position_2 = -1;

function 
scrolling(){
 if (
document.alldocument.body.scrollTop
 
else window.pageYOffset;

 if (
alt == 0alt 1
 
else alt 0;

 if (
alt == 0position_1 x
 
else position_2 x;

 if (
position_1 != position_2){
    if (
document.allcurrent_position document.body.scrollTop 1
    
else current_position window.pageYOffset 1;
    
window.scroll(0current_position);
 }
 else {
    
current_position 0;
    
window.scroll(0current_position);
 }
}

function 
start_scroll(){
 
timeout_id setInterval("scrolling()"speed);
}
</script>

Кнопки, управляющие запуском и остановкой работы скрипта автоскроллинга, следует прописывать следующим образом:

HTML код:
<input type="submit" value="Запустить" onclick='start_scroll();'>
<
br>
<
input type="submit" value="Остановить" onclick='clearTimeout(timeout_id);'>

В результате добавления выше приведенного JavaScript кода и кнопок, управляющих работой скрипта, у Вас должна получиться аналогичная вертикальная прокрутка (скролл) странички, как на данной страничке.

Дата создания: 20:41:16 09.12.2011 г.
Дата обновления: 22:36:47 08.03.2012 г.
Посещений: 10402 раз(а).

Комментарии посетителей (1 шт.):
Дмитрий
1
# 5037
(14:17:38  23.12.2023 г.)

Приветствую!
А как будет выглядеть скрипт с автоматическим скроллингом при запуске страницы, но при этом что бы его можно было остановить пользовательскими действиями: клик мышкой, прокрутка колёсиком, нажатие на кнопку на клавиатуре?
Если не сложно.
Ответить

Закрыть
Ваше имя:
512 + 8 =
Добавить комментарий:
Ваше имя:
512 + 8 =

Перед публикацией все комментарии проходят обязательную модерацию!

Если Вы хотите задать какой-либо вопрос, то сделайте это на нашем форуме.
Таким образом, Вы сможете быстрее получить ответ на интересующий Вас вопрос.
Посетителей онлайн: 5

Какую CMS для сайта Вы предпочитаете?