SLY_G 7 сен 2014 в 21:34

Как я создавал плагин постраничной прокрутки One Page Scroll с открытым исходным кодом

12 мин

59K

Веб-разработка*JavaScript*

Перевод

+17

Комментарии 14

ange007 7 сен 2014 в 21:52

Немного не понятен текст:

jQuery и другие библиотеки прощают мелкие ошибки, типа пропущенных запятых

Это где там такие «прощения» с запятыми?

SLY_G 7 сен 2014 в 21:54

Не знаю, так в оригинале было.

webhamster 7 сен 2014 в 22:52

Нам нужна ссылка на онлайн-демонстрацию.

webhamster 7 сен 2014 в 22:53

Ага, вот она: www.thepetedesign.com/demos/purejs_onepage_scroll_demo.html

Надо бы добавить в статью

ninJo 9 сен 2014 в 20:13

Вот еще один очень похожий плаг, только там функционал намного шире, мне он больше понравился.

fullPage.js

macik_spb 10 сен 2014 в 00:32

А якорные ссылки для доступа к определенной секции поддерживает?

ninJo 10 сен 2014 в 11:22

FullPage.js поддерживает из коробки, а в OnePageScroll нужно разбираться что к чему.

Mew 10 сен 2014 в 10:40

У этого плагина, как и других подобных, есть 1 серьезная проблема: они плохо работают с иннерционными девайсами, такими, как трекпады или magicmouse — за 1 прикосновение к девайсу прокручивают 2 и более слайда. Причем чем быстрее сделать анимацию между слайдами, тем больше все усугубится. Эту проблему я относительно поборол на kit.yandex.ru, если кому интересно, могу пост запилить.

Makaveli 10 сен 2014 в 13:24

Интересно!

shevgeny 11 сен 2014 в 08:43

А я бы сказал, что есть еще одна проблема, не менее существенная (по крайней мере для меня). Что если высота окна меньше, чем высота содержимого слайда? И в fullPage.js, и в OnePageScroll слайд обрезается по высоте окна браудера (хотя в первом есть функция «подгонки» по высоте, но это не всегда приемлемо), игнорируя высоту слайда. Это как-то… убого. В первую очередь, человек приходит на сайт за информацией. Я считаю, что если блок содержимое какого-то слайда не вмещается по высоте в окно браузера, нужно делать обычную прокрутку.

Mew 12 сен 2014 в 00:11

Ну если перечислять недостатки, то их много. Например, нет скроллбара в сабже поста. Описанная вами проблема имеет место быть. Я сейчас как раз кодю так, чтоб при превышении N-ой высоты экрана отключался режим скроллера. Как все доделаю, запилю пост.