Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 03.09.2015, 21:16   #1
MrBrain
Пользователь
 
Регистрация: 08.06.2010
Сообщений: 60
Вопрос Скрипт плавной прокрутки сайта

Как можно проще всего реализовать плавную прокрутку к следующей секции как на этом сайте при нажатии на стрелку: http://callibri.ru/
MrBrain вне форума Ответить с цитированием
Старый 05.09.2015, 00:58   #2
pompiduskus
юзер как все
Участник клуба
 
Аватар для pompiduskus
 
Регистрация: 10.01.2012
Сообщений: 1,586
По умолчанию

Можно использовать window.pageYOffset <= текужий отступ по вертикали.

И выбирать элемент к которому нужно переехать scrollIntoView()

Цитата:
Метод elem.scrollIntoView(top) вызывается на элементе и прокручивает страницу так, чтобы элемент оказался вверху, если параметр top равен true, и внизу, если top равен false. Причем, если параметр top не указан, то он считается равным true.
А что бы плавно можно использовать

scrollTop() на пример с шагом сначало по 6 потом по 4 потом 2 и т.д

И все это можно реализовать на таймерах

это просто как пример

Код:

var _TIMER;

var _DELAY_IN_SEC 40;

var _SCROLL_STEP = 4;

var _GO_TO = 1400;
var _CURENT_POS = window.pageYOffset;

var _STEP_DECRIMENT = _SCROLL_STEP/_GO_TO; // 0.003333333 :D hahah

function _scrollByStep(_STEP){

    clearTimeout(_TIMER);
    // ----------------------------------------------
    if (_CURENT_POS < _GO_TO){

        _CURENT_POS += _SCROLL_STEP;
        window.scrollTop(_SCROLL_STEP);

        _SCROLL_STEP -= _STEP_DECRIMENT;

    }else
        return;
    // ----------------------------------------------
    _TIMER = setTimeout(function(){

        _scrollByStep();

    },_DELAY_IN_SEC);

}
// ==================================================

Можно сделать на много круче, и контролировать и частоту вызова и шаг сдвига.

Тут просто как вариант.

Но скорее всего в вашем случае наверное будет удобнее использовать

scrollIntoView();

Так как не нужно паристя про нужные отступы и все такое.

<Дзен - Вся вселенная в тебе > | Резюме: https://ch3ll0v3k.github.io/CV/
pompiduskus вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен скрипт для сайта за $ Алексей 1970 Фриланс 3 24.01.2012 14:55
скрипт плавной смены изображений viking1979 JavaScript, Ajax 7 17.08.2010 18:07
скрипт пароля на страницу сайта Snejinka HTML и CSS 1 05.05.2010 21:42
Скрипт сайта Serebro Фриланс 1 09.12.2009 12:32
Скрипт с другого сайта Акашаев Нурлан JavaScript, Ajax 1 08.12.2008 10:35