Как сделать скролл на странице быстрым?)

[Нарек]

При открытии страницы должен появится  блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))

Edited August 8, 2014 by Нарек

[swandev]

плагинов много, например fullpage.js

можно самому, с помощью jquery не сложно

[Нарек]

плагинов много, например fullpage.js

можно самому, с помощью jquery не сложно

Так вот сам наткнулся на fullpage.js только там с паралаксом проблемы говорят)

[swandev]

плагинов много, например fullpage.js

можно самому, с помощью jquery не сложно

Так вот сам наткнулся на fullpage.js только там с паралаксом проблемы говорят)

а что не получается? skrollr.js без проблем должен работать

[Нарек]

да вот, таких топиков в сети завались) https://github.com/alvarotrigo/fullPage.js/issues/243

[swandev]

Решение все равно должно быть  

вот похожий плагин

https://ihatetomatoes.net/demos/one-page-scroll-animations/

[Нарек]

Решение все равно должно быть

вот похожий плагин

https://ihatetomatoes.net/demos/one-page-scroll-animations/

Спасибо) Уж много гемора с ними с плагинами этими)) Мне нужен всего то быстро пропустить самый первый блок, а эти гады делают из всей моей страницы таблицу с 100% высотой)) Надеюсь найду решение без помощи плагинов)

[swandev]

http://jsfiddle.net/9v3m0yjf/

Edited August 9, 2014 by ALEEX SWN

[Нарек]

Очень нехороший баг появляется при прокрутке несколько раз туда и обратно)) Зацикливается сволочь.

[swandev]

http://tympanus.net/codrops/2014/05/22/inspiration-for-article-intro-effects/

[Нарек]

Проблема решилась плагином mousewheel.js и вот таким js 

$(document).ready(function(){  var winHeight = window.innerHeight ?                function() {                    return window.innerHeight;                } :                function() {                    return document.documentElement.clientHeight;                };$('.first-block').height(winHeight);var BlockHeight = $('.first-block').height();/* Глюк firefox - во всех остальных ьбраузерах двигаем body, а в нем html */$.browser = {};$.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.userAgent.toLowerCase());if($.browser.mozilla)    {  var ScrollType = 'html';    }else    {  var ScrollType = 'body';    }/* Обрабатываем событие скрола мыши вниз, при условии что это самый верх страницы */$('.first-block').mousewheel(function(event, delta, deltaX, deltaY) {     if((delta<0) && ($(ScrollType).scrollTop()==0)) $(ScrollType).animate({ scrollTop: BlockHeight-104 }, 600);   });/* Обрабатываем событие нажатия стрелки вниз, при условии что это самый верх страницы */$(ScrollType).keydown(function(event){    if((event.keyCode==40) && ($(ScrollType).scrollTop()==0)) $(ScrollType).animate({ scrollTop: BlockHeight-104 }, 600);})});

Может кому пригодиться.