Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 27.01.2014, 10:49
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

zub_samata, забудьте о paginationClick смотрите что я вам написал выше и берите скрипт тут https://github.com/peachananr/onepage-scroll
сутки назад автор исправил некоторые ошибки в своём плагине
комплект можно скачать по ссылке https://github.com/peachananr/onepag...ive/master.zip
Ответить с цитированием
  #22 (permalink)  
Старый 27.01.2014, 11:13
Аспирант
Отправить личное сообщение для Danxil Посмотреть профиль Найти все сообщения от Danxil
 
Регистрация: 08.11.2013
Сообщений: 37

Господи, зачем юзать какие то плагины, подобного эффекта можно добится всего лишь сменой CSS класса на родителе при событии onscroll, который будет менять позицию прокручиваемого блока и стиль паганатора, а вы из пушки по воробьям.
Ответить с цитированием
  #23 (permalink)  
Старый 27.01.2014, 11:28
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от Danxil
зачем юзать какие то плагины
а можно увидеть код? )))
Ответить с цитированием
  #24 (permalink)  
Старый 27.01.2014, 19:25
Аспирант
Отправить личное сообщение для Danxil Посмотреть профиль Найти все сообщения от Danxil
 
Регистрация: 08.11.2013
Сообщений: 37

Сообщение от рони Посмотреть сообщение
а можно увидеть код? )))
Вот набросал пример - http://learn.javascript.ru/play/taSN1
на пагинаторы повесить обработчики, думаю, труда не составит

Последний раз редактировалось Danxil, 27.01.2014 в 19:55.
Ответить с цитированием
  #25 (permalink)  
Старый 27.01.2014, 19:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Сообщение от Danxil
Вот набросал пример
ок спасибо
Ответить с цитированием
  #26 (permalink)  
Старый 27.01.2014, 20:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Danxil,
добавил параметр loop http://learn.javascript.ru/play/imQOdc

когда он true -- скролинг вниз колёсиком после последнего слайда появляется 1 и колёсико вверх после 1 появляется последний -- когда false прокрутка останавливается на конечных слайдах.
Ответить с цитированием
  #27 (permalink)  
Старый 27.01.2014, 20:41
Аспирант
Отправить личное сообщение для Danxil Посмотреть профиль Найти все сообщения от Danxil
 
Регистрация: 08.11.2013
Сообщений: 37

Сообщение от рони Посмотреть сообщение
Danxil,
добавил параметр loop http://learn.javascript.ru/play/imQOdc

когда он true -- скролинг вниз колёсиком после последнего слайда появляется 1 и колёсико вверх после 1 появляется последний -- когда false прокрутка останавливается на конечных слайдах.
Четко можно еще сделать что бы перед прокруткой с последнего слайда, все элементы кроме последнего слайда выдергивались и вставлялись после него, типа бесконечный слайдер) Кстати в этой версии забыл проверить в FF, в нем не работает, тут рабочая - http://learn.javascript.ru/play/taSN1

Последний раз редактировалось Danxil, 27.01.2014 в 20:46.
Ответить с цитированием
  #28 (permalink)  
Старый 27.01.2014, 20:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Danxil,
Сообщение от Danxil
вставлялись после него, типа бесконечный слайдер
угу а пока -- добавил window.addEventListener('DOMMouseScroll', whell);
для firefox - непонимает он window.addEventListener('mousewheel', whell);
ещё var wheelDirection = (event.detail<0) ? 1 : (event.wheelDelta>0) ? 1 : -1;
вместо event.wheelDelta>0
ну и до кучи префиксы для transition ...
http://learn.javascript.ru/play/D4Fzdc
Ответить с цитированием
  #29 (permalink)  
Старый 27.01.2014, 20:53
Аспирант
Отправить личное сообщение для Danxil Посмотреть профиль Найти все сообщения от Danxil
 
Регистрация: 08.11.2013
Сообщений: 37

Сообщение от рони Посмотреть сообщение
Danxil,

угу а пока -- добавил window.addEventListener('DOMMouseScroll', whell);
для firefox - непонимает он window.addEventListener('mousewheel', whell);
ещё var wheelDirection = (event.detail<0) ? 1 : (event.wheelDelta>0) ? 1 : -1;
вместо event.wheelDelta>0
ну и до кучи префиксы для transition ...
http://learn.javascript.ru/play/D4Fzdc
Кстати transition, более - менее свежие версии браузеров хавают без префиксов, 3-4 версии точно
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Есть ли в JavaScript аналог функции exec() из php? lorddarkside Общие вопросы Javascript 3 22.12.2010 12:37
Последние книги по JavaScript! monolithed Учебные материалы 7 26.10.2010 19:40
Выдвет ошибку JavaScript Ромио Opera, Safari и др. 4 21.10.2010 20:34
Есть ли на JavaScript аналог PHP функции include?) FirstFrost Общие вопросы Javascript 3 13.07.2010 10:13
Функции в JavaScript? ruit Events/DOM/Window 1 03.12.2009 15:38