jQuery Masonry ile sonsuz kaydırmayı nasıl eklerim?

Question

Sonsuz kaydırmayı jQuery Masonry türünü kullanan mevcut web sitemle birleştirmeye çalışıyorum. Javascript (ve genel olarak html) dilini ve temel işlevini anlamaya çalışıyorum, ancak oldukça zor olabilir. Ayrıca, php kullanımı da dahil olmak üzere bir web sayfasına sonsuz kaydırma eklemek için farklı yöntemler görüyorum. Temel olarak, web sitem için en iyi yöntem olan yön bilgisi yok. Herhangi bir ipucu veya yardım büyük beğeni topluyor. Ve bu konuyla ilgili bilgi eksikliğim için özür dilerim, ama bunun sadece kafamın üzerinde olduğunu hissediyorum ... (_

İşte web sitem. .. işte ben şimdiye kadar kullanmış olduğu referanslar bazılarıdır http://themptyrm.com

Answer 1

Sonsuz Kaydırma, benim projede bir kez denedim

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

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

: benim kişisel sanat koleksiyonları

jScroll, Philip Klauzinski tarafından yazılan sonsuz kaydırma için bir jQuery eklentisidir. Sonsuz kaydırma; tembel yükleme, sonsuz kaydırma, autopager, sonsuz sayfalar, vb. olarak da bilinir; aşağı kaydırırken mevcut sayfa veya içerik alanında AJAX aracılığıyla içerik yükleme yeteneğidir. Yeni içerik, mevcut içeriğin sonuna kadar her kaydırdığınızda otomatik olarak yüklenebilir veya mevcut içeriğin sonundaki gezinme bağlantısına tıklayarak yüklenebilir.

http://jscroll.com/

yardımcı olur Umut.

Answer 2

, burada sonsuz kaydırma seçeneklerini

arada

<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> 

Sayfanız görünüyor belirtebilirsiniz html dosyası

<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> 

bu ekleyebilir ve bu eklenti harika

daha varsa Şüpheler buraya git Masonry with Infinite scroll