Чат сообщества
|
   |
| Модератор форума: JonMagon |
| Сообщество uCoz Вебмастеру JavaScript, Flash и прочие технологии jQuery Автоматическая подгрузка элементов страницы при скроле |
| Автоматическая подгрузка элементов страницы при скроле |
|
В интернет-магазине есть много товаров, и было бы красиво и удобно, если бы новый товар подгружался при прокручивании страницы вниз.
Так же как например подгружаются блоки del . Или тут (обратите внимание на блоки справа, они появляются по мере прокрутки страницы. Сайт на Юкозе кстати) Из того, что я понял при изучении внутренностей сайта по последней ссылке: в эффекте участвует файл animate.min.css (который почему-то не скачивается вместе со страницей), далее немного из my.css (а именно класс .sidebox {... ), и еще возмоэно ui.js (его роль понятна меньше всех. Ясно что без JS не обойтись, но вскрытие его ничего кроме совпадения одного класса особо не показало). На форуме никаких аналогичных ситуаций не обнаружил. Быть может я не совсем в ту тему лезу, так что за возможный офтоп извиняюсь. Сообщение отредактировал levinson - Понедельник, 03 Ноя 2014, 16:31:20
|
|
Цитата levinson (  )и было бы красиво и удобно, если бы новый товар подгружался при прокручивании страницы вниз Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
|
Ну хорошо. Тогда впринципе, как это работает?
понял что для всего фокуса достаточно одного CSS. Выглядит это так: Код <div class="sidebox animated fadeInUp" data-effect="fadeInUp"> <img src="/_sh/7/775m.jpg" > содержание слоя </div> Код .sidebox {background:#fff;padding:12%;margin:0 0 17%;font-size:.9em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .animated{ -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both } .animated.hinge{ -webkit-animation-duration:2s; animation-duration:2s } .fadeInUp{ -webkit-animation-name:fadeInUp; animation-name:fadeInUp } ... Вопрос в том, что сама анимация у меня почему-то загружается вместе со страницей, я даже не сразу понял что она работает, т.к. пока ниже опустишься он уже отыграет. Какое свойство отвечает за начало анимации при попадании слоя в зону видимости? Полный css тут. |
|
Цитата levinson ( )Ну хорошо. Тогда впринципе, как это работает? понял что для всего фокуса достаточно одного CSS. Выглядит это так: Можешь забрать этот код и вставить его себе, сам знаешь куда.
|
| |||
| |||