Existe t il une div flottante ?
Résolu/Fermé
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
-
14 janv. 2022 à 23:50
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 2024 - 15 janv. 2022 à 20:24
flexi2202 Messages postés 3784 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 30 mars 2024 - 15 janv. 2022 à 20:24
A voir également:
- Existe t il une div flottante ?
- Div c++ - Télécharger - Langages
- Element introuvable il n'existe plus dans l'ordinateur - Guide
- Datedif excel n'existe pas ✓ - Forum Excel
- Ymail existe - Forum Mail
- Thunderbird le serveur de courrier entrant existe déjà ✓ - Forum Thunderbird
7 réponses
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
Modifié le 15 janv. 2022 à 00:21
Modifié le 15 janv. 2022 à 00:21
Bonjour
1600... Autant dire une grande partie de l'écran...(sur une grande majorité d'appareils)
Et puis, au lieu de mettre un header... Pourquoi ne pas simplement faire une div dimensionner grâce au class bootstrap ? Une div class col md 3 par exemple...
max-width: 1600px
1600... Autant dire une grande partie de l'écran...(sur une grande majorité d'appareils)
Et puis, au lieu de mettre un header... Pourquoi ne pas simplement faire une div dimensionner grâce au class bootstrap ? Une div class col md 3 par exemple...
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
179
Modifié le 15 janv. 2022 à 08:00
Modifié le 15 janv. 2022 à 08:00
Bonjour jordane
Merci c ''est bien souvent les choses qui sont devant nos yeux que l 'on voit le plus difficilement
J'aurais une autre question
Comment masquer cette div a une certaine position lorsque je scrolle ma page vers le bas
si cela serait suivant la largeur de l écran je pourrais lui dire lorsque tu atteins une telle largeur tu masques la div
Mais sur un ordinateur de bureau comment faire pour que cette div disparaisse par exemple a hauteur de la div2
je viens de trouver ce morceau de code
mais cela ne semble pas fonctionner
Merci c ''est bien souvent les choses qui sont devant nos yeux que l 'on voit le plus difficilement
J'aurais une autre question
Comment masquer cette div a une certaine position lorsque je scrolle ma page vers le bas
si cela serait suivant la largeur de l écran je pourrais lui dire lorsque tu atteins une telle largeur tu masques la div
Mais sur un ordinateur de bureau comment faire pour que cette div disparaisse par exemple a hauteur de la div2
je viens de trouver ce morceau de code
mais cela ne semble pas fonctionner
if(window.pageYOffset > 500) { header.style.display = 'none'; }
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
15 janv. 2022 à 08:46
15 janv. 2022 à 08:46
Ce bout de code n'est pas trop mal... Mais il manque le déclencheur...
Il faut le déclencher lors du Scroll sur ta page
Il faut le déclencher lors du Scroll sur ta page
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
179
15 janv. 2022 à 08:47
15 janv. 2022 à 08:47
Merci jordane et cela je peux le réaliser comment stp
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
15 janv. 2022 à 08:57
15 janv. 2022 à 08:57
Tu ne cherches pas beaucoup....
https://www.w3schools.com/jquery/event_scroll.asp#:~:text=The%20scroll%20event%20occurs%20when,when%20a%20scroll%20event%20occurs.
https://www.w3schools.com/jquery/event_scroll.asp#:~:text=The%20scroll%20event%20occurs%20when,when%20a%20scroll%20event%20occurs.
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
179
15 janv. 2022 à 09:12
15 janv. 2022 à 09:12
Merci jordane
si j'ai trouve plusieurs exemple mais comme j'utilise boostrap 5
je pense que tu m avais dit que je ne pouvais plus utiliser
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
si j'ai trouve plusieurs exemple mais comme j'utilise boostrap 5
je pense que tu m avais dit que je ne pouvais plus utiliser
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
jordane45
Messages postés
38138
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
17 avril 2024
4 649
15 janv. 2022 à 09:14
15 janv. 2022 à 09:14
Je ne t'ai pas dit que tu ne pourrais plus utiliser jquery
je t'ai dit que bootstrap5 ne l'utilise plus....
enfin bon.. ce qui existe en jquery existe en "pure" js ...
https://developer.mozilla.org/fr/docs/Web/API/Document/scroll_event
je t'ai dit que bootstrap5 ne l'utilise plus....
enfin bon.. ce qui existe en jquery existe en "pure" js ...
https://developer.mozilla.org/fr/docs/Web/API/Document/scroll_event
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
179
15 janv. 2022 à 09:17
15 janv. 2022 à 09:17
ah ok
on s était mal compris alors
je regarde a cela tantot
un grand merci jordane pour les liens et l aide
on s était mal compris alors
je regarde a cela tantot
un grand merci jordane pour les liens et l aide
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
179
Modifié le 15 janv. 2022 à 09:44
Modifié le 15 janv. 2022 à 09:44
j'ai trouve cet exemple
https://webdevdesigner.com/q/show-div-on-scrolldown-after-800px-41413/
avec le code suivant
tu en penses quoi ?
https://webdevdesigner.com/q/show-div-on-scrolldown-after-800px-41413/
avec le code suivant
$(document).scroll(function(){ var y = $(this).scrollTop(); if (y > 800) { $('.header').fadeIn(); } else { $('.header').fadeOut(); } });
tu en penses quoi ?
flexi2202
Messages postés
3784
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
30 mars 2024
179
15 janv. 2022 à 20:24
15 janv. 2022 à 20:24
voila j'ai trouve enfin
function showDiv(){ if ($(window).scrollTop() < 1500) { $('.header-navbar').fadeIn('slow'); } else { $('.header-navbar').fadeOut('slow'); }//); } $(window).scroll(showDiv); showDiv();