addons HèlioCMS v5 - StickyHeader FIX

[xXSicilyXx 2]

Bonjour, j'ai le CMS HèlioCMS v5 - Build 003 et je suis en train de fixèr tout comme Habbo Officiel, tojour je ve donnèe le FIX pour le "Sticky Header".

 

(Regarde Habbo.fr quand on va en bas avec le souris et en haut avec le souris, tu peux voir les classes changèr.)

 

On va sur HèlioCMS v5 -> habbo-web -> america -> pt -> scripts.js et copier-coller le code en bas. 

 

$(document).ready(function(){
var stickyheight = $('.sticky-header').offset().top;
var position = $(window).scrollTop(); 
$(window).scroll(function() {
var scroll = $(window).scrollTop();	
if (scroll > position) {
$('.sticky-header').removeClass('sticky-header--top');
$('.sticky-header').removeClass('sticky-header--fixed');
$('.sticky-header').addClass('sticky-header--hidden');
}
if (scroll < position) {
$('.sticky-header').removeClass('sticky-header--hidden');
$('.sticky-header').addClass('sticky-header--fixed');
}
if (scroll <= stickyheight) {
$('.sticky-header').removeClass('sticky-header--fixed');
$('.sticky-header').addClass('sticky-header--top');
}
position = scroll;
});
});

 

Modifié le 3 février 2019 par xXSicilyXx

[Nagamasa 27]

Merci mais c'est possible d'avoir un aperçu du résultat ?

[xXSicilyXx 2]

Oui, (Regarde Habbo.fr  et eppuyer sur la touche F12, quand on va en bas avec le souris et en haut avec le souris, tu peux voir les classes changèr.)