Как добавить бесконечный свиток с помощью jQuery Masonry?

Я пытаюсь включить бесконечный свиток с моим текущим веб-сайтом, который использует тип jQuery Masonry. Я пытаюсь понять язык и основную функцию javascript (и html в целом), но это может быть весьма подавляющим. Я также вижу различные методы для добавления бесконечного прокрутки к веб-странице, включая использование php. В принципе, у меня нет никакого смысла в отношении того, что является лучшим методом для моего веб-сайта. Любые советы или помощь приветствуются. И я приношу свои извинения за недостаток знаний по этой теме, но я просто чувствую, что это совсем над моей головой... @_ @

Вот мой веб-сайт. Это мои личные коллекции произведений: http://themptyrm.com

Ответ 1

добавьте это в свой html файл

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="../jquery.masonry.min.js"></script>
<script src="../js/jquery.infinitescroll.min.js"></script>

и добавьте это, здесь вы можете указать бесконечные параметры прокрутки

<script type="text/javascript">
var $container = $('#container');
$container.infinitescroll({
  navSelector  : '#page-nav',    // selector for the paged navigation 
  nextSelector : '#page-nav a',  // selector for the NEXT link (to page 2)
  itemSelector : '.box',     // selector for all items you'll retrieve
  loading: {
      finishedMsg: 'No more pages to load.',
      img: 'http://i.imgur.com/6RMhx.gif'
    }
  },
  // trigger Masonry as a callback
  function( newElements ) {
    var $newElems = $( newElements );
    $container.masonry( 'appended', $newElems );
  }
);
</script>

как выглядит ваша страница

если у вас есть больше сомнений здесь Масонство с бесконечным прокруткой

Ответ 2

Бесконечный прокрутка, я однажды пробовал в своем проекте, поэтому вот некоторые из ссылок, которые я использовал до сих пор.

https://github.com/paulirish/infinite-scroll

http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/

jScroll - это плагин jQuery для бесконечной прокрутки, написанный Филиппом Клаузинским. Бесконечная прокрутка; также известная как ленивая загрузка, бесконечная прокрутка, автопир, бесконечные страницы и т.д.; это возможность загружать контент через AJAX в текущей странице или области содержимого при прокрутке вниз. Новый контент можно загружать автоматически каждый раз, когда вы прокручиваете до конца существующего контента, или его можно запускать для загрузки, щелкнув ссылку навигации в конце существующего контента.

http://jscroll.com/

Надеюсь, что это поможет.