Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   mousewheel по секциям (https://javascript.ru/forum/jquery/52543-mousewheel-po-sekciyam.html)

JoeCocker 23.12.2014 19:10

mousewheel по секциям
 
Всем привет!
Недавно начал использовать jquery, но многое еще впереди. Я научился самостоятельно работать с классами и использовать стандартные эффекты, но теперь мне трудно без сообщества, - и вот я тут :)

Ребята, подскажите как доработать фунционал.
Задача - передвижение экрана по секциям по прокрутке мыши - один "круток" - секция вниз/вверх.

При этом, вместе с перемещением по секциям, должны дополнительно присваиваться классы в определенные места.
То есть если мы крутанули из секции 2 наверх (в секцию 1), то добавляются одни классы, если вниз (в 3), то другие, и тп...

Как все это объединить, пока понятия не имею и надеюсь на помощь!

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

Собираюсь использовать одноименный плагин https://github.com/jquery/jquery-mousewheel

Помогите пожалуйста кто чем может :)

JoeCocker 24.12.2014 14:45

Ок, друзья, я понимаю что обучать меня долго и не интересно.
Пока что сосредоточился на плагине jquery.onepage.js
кажется он решает все мои задачи. Всем удачи!)

krasovsky 25.12.2014 07:54

Понять синтаксис, втыкать плагинчики и начать что то писать ты и сам сможешь за недельку-две.
Главное - идея, этому тебя никто не научит.
Примерная концепция того что ты ищешь:
Задаешь Body высоту 100% и overflow:hidden, растягиваешь высоту дивов которые будут служить секциями на высоту 100%, вуаля осталось только отлавливать событие onscroll и прокручивать вверх-вниз. Да и не забудь предусмотреть переменную-флаг, которая будет определять состояние прокручивается ли в данный момент или нет. Иначе получишь бесконечное дергание


Часовой пояс GMT +3, время: 10:15.