Partage

[Bootstrap] data-affix uniquement pour grand écran

18 mai 2017 à 18:55:14

Bonjour,

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>
<div name="menunavbar" class="navbar yamm navbar-chato9 fondcouleur" veriftaille(); role="navigation">


Merci pour toutes pistes, je débute en javascript.

18 mai 2017 à 19:58:45

on t'aurai bine aidé mais t'es dans le forum html/css ^^ adresses-toi plutôt sur le forum JS :)
Mon portfolio / Nouveau projet -->Expedition wars/  Le CSS ça peut craindre -->Conférence CSS3.CREATE
19 mai 2017 à 9:20:52

Je suis aussi preneur d'une solution html/css si elle existe (basée sur les media-queries ?) :)

Staff 19 mai 2017 à 9:27:59

Bonjour,

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 ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

[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é.
  • Editeur
  • Markdown