Как сделать динамическую подгруздку контента по горизонтали?

Question

[Алексей Попов]

Добрый день, стоит задача реализовать прокрутка по горизонтали ( знаю не совсем хорошая идея, будет мешать пользователю с точки зрения юзебилита)
Но клиент хочет и всё
Вот пример:
www.archi-graphi.fr

Проблема в том что надо сделать динамически а не статически(тоесть контентдолжен подгружаться весть (категории ) но постепенно что бы не грузить сайт.
Очень надеюсь на Вашу помощь так как у меня тупик по реализации.

Answer 1

[prodavec macdonalds]

используйте функцию

$( '.divClass' ).ready(function() {
    $(".divClass").hide("slide", { direction: "right" }, 1000
});

Answer 2

[IceJOKER]

Так по вертикали нужно или по горизонтали?

Добавляете блок с шириной 101% и overflow-x auto, далее есть десятки сайтов, где есть информация и готовый код, как подгружать контент во время скролла(тут уже не важно горизонтальный или вертикальный).

Comments

[Алексей Попов]

Да по горизонтали заметил ошибку в вопросе. Есть десятки сайтов,можно пример?

[IceJOKER]

Алексей Попов: Google it - "Infine scroll jQuery", "бесконечная подгрузка страницы" и т.д.

Answer 3

[Виталий Инчин ☢]

Как сделать динамическую подгруздку контента по вертикали?

Ну...давайте поиграем в копипаст...
_________________________________

Алгоритм ничем не отличается от подгрузки по вертикали.

К примеру:

var curPage = 1, online;

document.onscroll = function(){
  if(window.pageXOffset > this.body.offsetWidth - 2 * window.innerWidth){
    if(online){
       return;
    }else{
       online = curPage++, true;
    }
    //Подгружаем новый контент страницы под номером curPage
    //Не забываем по окончанию запроса приравнять online к false
    //Если в ответе пусто, т.е, статьи кончились - убираем обработчик scroll
  }
}

Или у вас проблемы на серверной стороне?

Answer 4

[Григорий Васильков]

Используй событие скролла.
Проверяй $(window).scrollTop() значение.

Или делай на нативном яваскрипте как выше советуют "чтобы не подгружать невероятную по размерам библиотеку jquery" но больше ебстись над каждой фразой кода.