Bonjour,
j'aimerai faire sur mon site un menu qui ce fixe sur la page quand la scrollbar va vers le bas. Cependant, mon code ne fonctionne pas.
Le voici:
fichier: menu_float.php
var positionElementInPage = $('#g-navigation').offset().top;
$( window ).resize(function() {
positionElementInPage = $('#g-navigation').offset().top;
});
$(window).scroll(
function() {
if ($(window).scrollTop() > positionElementInPage) {
// fixed
$('#g-navigation').addClass("fixedTop");
} else {
// unfixed
$('#g-navigation').removeClass("fixedTop");
}
}
);
fichier: custom.scss (fichier css, partie lié au menu)
// NAVIGATION
#g-navigation .g-container
{
width: 100%;
z-index: 100;
}
.fixedTop
{
position: fixed;
top:0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
Integration du fichier dans gantry:
![Cliquez sur l'image pour l'afficher en taille normale
Nom : Sans titre.png
Affichages : 1
Taille : 17,3 Ko
ID : 1823789](filedata/fetch?id=1823789&d=1449841818)
Je suis preneur de vos avis et de vos idées, même ci vous ne connaissez pas gantry![Sourire](https://forum.joomla.fr/core/images/smilies/afuj/smile.gif)
Merci d'avance!
j'aimerai faire sur mon site un menu qui ce fixe sur la page quand la scrollbar va vers le bas. Cependant, mon code ne fonctionne pas.
Le voici:
fichier: menu_float.php
var positionElementInPage = $('#g-navigation').offset().top;
$( window ).resize(function() {
positionElementInPage = $('#g-navigation').offset().top;
});
$(window).scroll(
function() {
if ($(window).scrollTop() > positionElementInPage) {
// fixed
$('#g-navigation').addClass("fixedTop");
} else {
// unfixed
$('#g-navigation').removeClass("fixedTop");
}
}
);
fichier: custom.scss (fichier css, partie lié au menu)
// NAVIGATION
#g-navigation .g-container
{
width: 100%;
z-index: 100;
}
.fixedTop
{
position: fixed;
top:0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
Integration du fichier dans gantry:
Je suis preneur de vos avis et de vos idées, même ci vous ne connaissez pas gantry
![Sourire](https://forum.joomla.fr/core/images/smilies/afuj/smile.gif)
Merci d'avance!