Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!
Kaynak ikonu

XF 2.1 Eklenti Sayfa Kaydırırken Header Gizle

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
İlk önce kullandığımız headera id değeri verelim.Id mız header olsun.
Bu kodu helper_js_globalde <!--XF:JS--> altına ekleyelim.
JavaScript:
<script type="text/javascript">
$(document).ready(function () {

    'use strict';

    var aktifYukseklik, currentScrollTop = 0,
        //header idmiz
        header = $('#header');

    $(window).scroll(function () {
        var scrollYukseklik = $(window).scrollTop();
        var headerYukseklik = header.height();

        currentScrollTop = scrollYukseklik;

        if (aktifYukseklik < currentScrollTop && scrollYukseklik > headerYukseklik + headerYukseklik) {
            //eklenecek class
            header.addClass('slide--up');
        } else if (aktifYukseklik > currentScrollTop && !(scrollYukseklik <= headerYukseklik)) {
            header.removeClass('slide--up');
        }
        aktifYukseklik = currentScrollTop;
    });

});
</script>
Aşağıda verdiğim kodu da extra.less şablonuna ekleyin.
Less:
#header{
transition: all .3s;
}
.slideUp{
transform: translateY(-80px);
}
Yazar
mcv_js
Görüntüleme
1,826
İlk yayınlama
Son güncelleme
Değerlendirme
0.00 yıldız 0 değerlendirme

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.