За последние 24 часа нас посетил 21471 программист и 1026 роботов. Сейчас ищут 697 программистов ...

Бесконечный скролл

Тема в разделе "JavaScript и AJAX", создана пользователем dapperkop, 22 дек 2014.

  1. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    гайс, как делается бесконечный скролл? самописный! скроллТоп сравнивать с чем-то? или как ваще?
     
  2. artoodetoo

    artoodetoo Суперстар
    Команда форума Модератор

    С нами с:
    11 июн 2010
    Сообщения:
    11.072
    Симпатии:
    1.237
    Адрес:
    там-сям
  3. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    сдается мне есть еще какой метод интересный. блин, как же его покрасивше сделать то? я уже склоняюсь к тому, чтобы таймер засобачить и сравнивать всю эту лабуду с топами и высотами...
     
  4. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    а что не красивого в приведенном решении?
     
  5. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.410
    Симпатии:
    1.768
    Хук на скролл?
     
  6. ciamon

    ciamon Новичок

    С нами с:
    19 дек 2014
    Сообщения:
    34
    Симпатии:
    0
    JavaScript имеет "scrollTop()", по которому можно судить о положении ползунка.
     
  7. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    Да не то, чтобы не красиво, просто слишком... Зачем тогда плагины целые?

    Ват ис зис хоок?
     
  8. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Не в JS, а в JQuery, и размер ползунка постоянно будет уменьшаться. Имхо, проще отмерять по элементам. Последний подгруженный элемент будет контрольным. Как только он оказался в N пикселей от нижней границы вьюпорта, пускаем подгрузку еще одной страницы. Мониторим следующий последний элемент.

    Добавлено спустя 41 секунду:
    А тебе нужно, чтобы процессор раком ставило? Проще - лучше. Почитай про KISS-парадигму.
     
  9. dapperkop

    dapperkop Активный пользователь

    С нами с:
    26 сен 2013
    Сообщения:
    890
    Симпатии:
    0
    ))) Не надо, конечно =) Я сделал с помощью интервала... Если window.pageYOffset + window.scrollY > last_element.offsetTop, то запускается а. запрос, на обертку цепляю класс "busy" и т. д. Херня полная канеш, еще и в ие не работает xD
     
  10. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    ieпроблемы. Забей.В 9м работает? Остальные не нужны.
     
  11. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.410
    Симпатии:
    1.768
    можно просто добавить кнопку "загрузить ещё", которую никто у кого нормально работает никогда не увидит.
     
  12. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Я себе на сайте сделал такое, но как оказалось, в сайдбарах такое лучше не делать.)) Косяк возникает когда юзер крутит быстрее, чем подгружается контент. Вот, можете потестить: http://maestro-magnifico.ru/

    Добавлено спустя 9 минут 12 секунд:
    А ещё у меня контактная инфа в футере и если нажать "контакты" на странице блога, то футер уползает.)) В общем, буду переделывать. Сайт по сути визитка и всё-равно с него профита ноль сейчас.
     
  13. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Это беда всех самоподгружаек. Отказывайся от футера, пили, как твитор, боковой блок с контактами и тд.
     
  14. Freakmeister

    Freakmeister Активный пользователь

    С нами с:
    20 дек 2009
    Сообщения:
    888
    Симпатии:
    5
    Угу, я наверно сделаю контакты на отдельной странице. Просто у меня изначально была пагинация, буквально на днях убрал её, сделал бездонный скролл, а момент с футером не продумал.))
     
  15. Fell-x27

    Fell-x27 Суперстар
    Команда форума Модератор

    С нами с:
    25 июл 2013
    Сообщения:
    12.155
    Симпатии:
    1.769
    Адрес:
    :сердА
    Зайди на твиттер. Погляди, как там сделано. Слева на странице нижний блок.