
Web sitenizi aşağı kaydırdıkça içerikler yüklensin efekti uygulamak için javascript kodu jquery ile kaydırdıkça gelen içerik
Sizlerde sayfanızın aşağı kaydırıldıktan sonra içeriğin gelmesini mi istiyorsunuz ?
Küçük bir javascript kodu ile bu mümkün.
Öncelikle yapmanız gereken içerikleriniz hangi divde tutuluyor bunu bilmeniz gerekiyor.
Varsayılan olarak post-outer-container dividir. Ama çeşitli temalar kullanan arkadaşlar için farklı bir div olabilir bunuda siz belirlemelisiniz. Yapamayan arkadaşlar yorum atabilir yardımcı olabilirim.
Hemen kodları paylaşıyorum. İlk olarak </body> etiketimizin bir ÜST satırına geliyoruz
<script type='text/javascript'>
//<![CDATA[
tiles = $(".post-outer-container").fadeTo(0, 0);
$(window).scroll(function(d,h) {
tiles.each(function(i) {
a = $(this).offset().top + $(this).height();
b = $(window).scrollTop() + $(window).height();
if (a < b) $(this).fadeTo(500,1);
});
});
//]]>
</script>
Paylaşmış olduğum kodu yapıştırıyoruz ve hemen ana sayfamıza bakıyoruz. Sayfa aşağı doğru kaydırıldıkça fade efekti ile gelir. Tabi bunun sayfa hızı açısından bir değeri yoktur tamamen görsellik amaçlı kullanabilirsiniz.Sayfa Kaydırdıkça İçerik Yüklensin JQUERY konusunu okudunuz.