Header Ads

Sayfa Kaydırdıkça İçerik Yüklensin JQUERY

blogger-sayfa-kaydirdikca-icerik-yuklenince-yuklensin
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.

Hiç yorum yok

Konu hakkında yorumlarınızı bekliyorum teşekkürler.

Post Top Ad

Post Bottom Ad