Помогите сделать скрипт - Архивариус - Решённые вопросы - Форум - Web-мастеров
1106ответов на форуме
228тем на форуме
3003комментария
6152пользователя
Страница 1 из 11
Форум » Архивариус » Решённые вопросы » Помогите сделать скрипт (Могу заплатить если нужно)
Помогите сделать скрипт
Написал: Михаил Царёв, в 19:21, 06.02.2016 | Сообщение #1
Помогите, пожалуйста, как здесь найти скрипт. Нажимая кнопку "Смотреть онлайн", скроллинг происходит и опускает прямо к плееру
Написал: Роман Николаевич, в 19:25, 06.02.2016 | Сообщение #2
Скрипт работает так: ловит событие клика по ссылке с атрибутом href=’#element’ или href=’.element’, где element — это id/класс элемента к которому нам надо прокрутить страницу, дальше с помощью animate анимируем событие прокрутки.

Код
$(document).ready(function(){
    $('a[href^="#"], a[href^="."]').click( function(){ // если в href начинается с # или ., то ловим клик
     var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href
        if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
     $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el
        }
     return false; // выключаем стандартное действие
    });
});

Теперь при нажатии на ссылку
Код
<a href="#elm">Туда</a> или <a href=".elm">Сюда</a>

страница плавно проскролится к элементу с id=»elm» или class=»elm» соответственно.

Спасибо тем, кто встретился однажды...
И жизнь мою украсил добротой!
И пусть меня, из тех, услышит каждый,
Кто вдруг ушел...забрав дерьмо с собой.
Написал: Роман Николаевич, в 19:41, 06.02.2016 | Сообщение #3
Данный код ставишь перед /body:
Код
<script>
$(document).ready(function(){
    $('a[href^="#prosmotr-video"]').click( function(){ // если в href начинается с # или ., то ловим клик
     var scroll_el = $(this).attr('href'); // возьмем содержимое атрибута href
        if ($(scroll_el).length != 0) { // проверим существование элемента чтобы избежать ошибки
     $('html, body').animate({ scrollTop: $(scroll_el).offset().top }, 500); // анимируем скроолинг к элементу scroll_el
        }
     return false; // выключаем стандартное действие
    });
});</script>

Видео плеер оборачиваешь:
Код
<span id="prosmotr-video">плеер тут</span>

И ссылка для скорла к видео-плееру
Код
<a href="#prosmotr-video" title="Посмотреть фильм"> Посмотреть фильм</a>

Спасибо тем, кто встретился однажды...
И жизнь мою украсил добротой!
И пусть меня, из тех, услышит каждый,
Кто вдруг ушел...забрав дерьмо с собой.
Написал: Михаил Царёв, в 19:47, 06.02.2016 | Сообщение #4
Спасибо большое
Написал: Роман Николаевич, в 19:47, 06.02.2016 | Сообщение #5
Не за что! Закрыто.
Спасибо тем, кто встретился однажды...
И жизнь мою украсил добротой!
И пусть меня, из тех, услышит каждый,
Кто вдруг ушел...забрав дерьмо с собой.
Форум » Архивариус » Решённые вопросы » Помогите сделать скрипт (Могу заплатить если нужно)
Страница 1 из 11
Поиск: