iTEYE

Бесконечный скроллинг как в Facebook и Twitter

12 июня 2011

Многие из нас видели эту бесконечную прокрутку на веб-сайтах, как и Twitter, где новые сообщения загружаются, когда мы достигаем конца самой страницы. Нам не нужно нажмать на ссылку чтобы загрузить еще немного новых постов или сообщений. В этом посте я рассмотрю теорию и практику с применением , MySQL и … хотя только практику =)

Итак, нам понадобятся два файла:

  1. index. — загружаем основу и немного контента из базы
  2. loadmore. — динамическая загрузка данных

Эти два файла нужны чтобы взаимодействовать с базой. Я использую MySQL.

Этот код занимается тем, что смотрит проскролили ли мы до низа. Он расположен в index.. Тут сразу скажу, что такой способ не айс. Т.к. если мы будем выводить мало контента и скролбара на странице не будет, то и событие не сработает.

Я вынес ajax в отдельную функцию, которую можно вызывать как ссылкой, так и при срабатывании события. Но тут я привожу код без правок.

Ну а в loadmore. у нас загрузка новых записей из базы.

Это только пример. Я знаю, что в продакшене такое никогда не будет и не имеет права использоваться. Это лишь пример.

Еще раз скажу, что этот пример не мой, и это исключительно пример!

technology, , , ,

Leave a Reply

Скидки до 5% на заказ хостинга!

Сайт работает на быстром VPS/VDS хостинге от FASTVPS