Подробный способ «пинка» от шапки при скроллинге мышью?

Question

[snake_jan]

Скажите пожалуйста подробный простой метод реализации данной фишки:

Шапка-картинка на весь экран. Необходимо что бы при одном скроллинге мышью, экран переходил строго под шапку-картинку.
Заранее всем огромное спасибо и +100500 в карму :)

Answer 1

[Cyber_bober]

$("a.scrolllink").click(function() {
        $("html, body").animate({
            scrollTop: $($(this).attr("href")).offset().top + "px"
        }, {
            duration: 800
        });
        return false;
    });

<div id="first-background">
<a href="#second" class="scrollink">scroll to second</a>
</div>

<div id="#second">
</div>

Comments

[snake_jan]

Это ведь скролл по ссылке на якорь? Возможно без якоря, просто колесиком мыши?

[Cyber_bober]

snake_jan: да, возможно, вам нужно посчитать высоту экрана и задать скролл на эту высоту, не сложный джаваскрипт выйдет

[snake_jan]

Ничего не понял... Вы скинули скрипт якоря, по ссылке, он не дает нужного результата! Нужен скрол под полноэкранный слайдер ПРИ ОДНОМ СКРОЛЕ КОЛЕСИКОМ МЫШИ.

[Cyber_bober]

snake_jan: я очень доступно написал как сделать такой скрипт, дальше как в школе - Самостоятельная работа.

[snake_jan]

Пожалуйста напишите код и как применить подробно :( поэтому вопрос и задал

Answer 2

[aarty20]

fullPage.js

Comments

[snake_jan]

Как реализовать на wordpress, страницы созданы с помощью visual composer, слайдер slider revolution
???

[aarty20]

можно же как минимум скачать тот плагин, посмотреть код, разобраться как оно работает и интегрировать в свою тему, ничего ж сложного.

[snake_jan]

не работает в этой теме, в том то и проблема