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.0 Header Scroll Gizle/Göster

Bu eklenti, add-ons XenForo 2.0.X ile uyumlu ve stabil olarak çalışmaktadır.
Uyumlu XF 2 Sürümleri
Page_container
<header ile başlayan kısmı şu şekilde değiştir;
HTML:
<header class="p-header p-navSticky p-navSticky--primary" data-xf-init="sticky-header" id="ZenXheader">
helper_js_global şablonunda <script> tag'ı altına ekle;
JavaScript:
$(document).ready(function () {

  'use strict';

   var c, currentScrollTop = 0,
       navbar = $('#ZenXheader');

   $(window).scroll(function () {
      var a = $(window).scrollTop();
      var b = navbar.height();
   
      currentScrollTop = a;
   
      if (c < currentScrollTop && a > b + b) {
        navbar.addClass("scrollUp");
      } else if (c > currentScrollTop && !(a <= b)) {
        navbar.removeClass("scrollUp");
      }
      c = currentScrollTop;
  });

});
Extra.less ekle;
CSS:
#ZenXheader {
transition: all 0.5s
}
&.scrollUp {
    transform: translateY(-80px)
    }
Demo: Turkish Develop Team \ Yazılım Bilgi Paylaşım Forumu

Video:
To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.
Yazar
mcv_js
Görüntüleme
1,997
İ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.