Mybb Şık Yukarı Çıkış - İniş Çapası Yapımı

[admin]

Uyumlu Versiyonlar: MyBB 1.8.x


Admin Kp - Temalar - Şablonlar - Şablonlar - Temanızın Şalonu - Headerinclude - [Gruplandırılmamış] Şablonlar - Headerinclude - Aç En Alta Yapıstır Kaydet

Kod: Tümünü Seç Tümünü Kopyala

<script type="text/javascript">
jQuery(document).ready(function(jQ){
    appear();
    
    jQ(window).scroll(function(){
        appear();
    });
                      
    function appear() {
        if (jQ(this).scrollTop() > 200) {
            jQ('#scroll_up').fadeIn('slow');
        } else {
            jQ('#scroll_up').fadeOut('slow');
        }
        if (jQ(this).scrollTop() < (jQ('body').height() - (200+jQ(window).height()))) {
            jQ('#scroll_dn').fadeIn('slow');
        } else {
            jQ('#scroll_dn').fadeOut('slow');
        }
    };
    
    jQ('#scroll_up').click(function(){
        jQ('body').stop().animate({scrollTop: 0}, 600);
    });
    jQ('#scroll_dn').click(function(){
        jQ('body').stop().animate({scrollTop: jQ('body').height()}, 600);
    });
});
</script>

Admin Kp- Temalar- Şablonlar-Temalar-Temanız-Global.css -Gelişmiş Düzenleme - En Alta Ekle Kaydet

Kod: Tümünü Seç Tümünü Kopyala

#scroll_up, #scroll_dn {
  position: fixed;
  right: 5px;
  width: 35px;
  height: 35px;
  cursor: pointer;
  display: none;
  z-index: 999;
  background:  #fff url(http://i.hizliresim.com/a3z4y5.png) center no-repeat;
}
#scroll_up {
    bottom: 50px;
}
#scroll_dn {
    bottom: 10px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

Admin Kp - Temalar - Şablonlar - Şablonlar - Temanızın Şalonu - Alt Kısım Footer Şablonlar - Footer En Üste Yapıstır Kaydet

Kod: Tümünü Seç Tümünü Kopyala

<span id='scroll_up'></span><span id='scroll_dn'></span> 

Görünüm-