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.

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,380
İ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.