- Uyumlu XF 2 Sürümleri
Page_container
<header ile başlayan kısmı şu şekilde değiştir;
helper_js_global şablonunda <script> tag'ı altına ekle;
Extra.less ekle;
Demo: Turkish Develop Team \ Yazılım Bilgi Paylaşım Forumu
Video:
<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">
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;
});
});
CSS:
#ZenXheader {
transition: all 0.5s
}
&.scrollUp {
transform: translateY(-80px)
}
Video: