J'ai fait une navbar qui se colle en haut de l'écran quand on scroll la page. Mais j'aimerai que sur les petits écrans ce comportement disparaisse et que la navbar scroll avec le reste car sinon les sous-menus sont trop longs.
Comment faire ça, avec du javascript ? J'ai créé une fonction mais ça ne marche pas :
<script>
function veriftaille() {
var windowWidth=0;
if (typeof(window.innerWidth)=='number') {
windowWidth=window.innerWidth;
} else {
if (document.documentElement&& document.documentElement.clientWidth) {
windowWidth = document.documentElement.clientWidth;
} else {
if (document.body&&document.body.clientWidth) {
windowWidth=document.body.clientWidth;
}
}
}
if (windowWidth > 380) {
return '"data-spy="affix" data-offset-top="90"' ;
}
}
</script>
la fonction affix de Bootstrap ne faisant qu'ajouter ou enlever une classe CSS ("affix-top", de mémoire), tu dois pouvoir surcharger cette classe et lui ôter le position: fixed.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
[Bootstrap] data-affix uniquement pour grand écran
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Le CSS ça peut craindre -->Conférence CSS3.CREATE
Pas d'aide concernant le code par MP, le forum est là pour ça :)