jQuery Girl
  1. jQuery Girl
  3. Garder la navigation latérale fixe avec le défilement de la page
Intereting Posts
Comment aligner une div interne avec le bas d’une div externe? Empêcher le défilement en arrière-plan lors de l’affichage d’un pop-up Utilisation de jQuery avec le site Jekyll hébergé sur des pages Github événement de changement d’entrée masqué Créer un filet de dégradé en CSS / Jquery Attacher des événements en JavaScript Chargement de l’animation à l’aide de jQuery pour afficher à l’intérieur d’un div particulier 2 instances de fullcalender dans le composant Angular provoquent une erreur jquery not found mise à jour de la firebase database avec des cases à cocher Comment désactiver / activer le champ de saisie JSF en JavaScript? Faites défiler jusqu’à un message Méthode multi-navigateurs pour obtenir la répétition automatique des événements Keydown lorsque la touche est maintenue enfoncée Résultat de la fonction non défini en cas d’access dans une autre fonction $ (body) .css ({‘background-image’: ‘url’}) ne fonctionne pas Comment calculer la hauteur d’un élément dans plusieurs navigateurs à l’aide de jQuery?

Garder la navigation latérale fixe avec le défilement de la page

J’ai un site Web de clients – www.stagecraft.co.uk et ils veulent que la navigation sur les pages de location ( page plus longue ) soit toujours présente lorsque vous faites défiler la page. J’ai eu une rapide tentative (pas en direct) avec la position fixe, mais ce faisant, la navigation du côté gauche est d’environ 200px ou plus à partir du haut de la fenêtre. N’importe quand pour le faire en haut de la fenêtre lors du défilement?

Merci d’avance….

Vous pouvez fixer la position uniquement lorsque le défilement a atteint un certain point: 

$(window).scroll(function() { if ($(this).scrollTop() > 200) { //I just used 200 for testing $("#tester").css({ "position": "fixed", "top": 0 }); } else { $("#tester").css({ "position": "absolute", "top": "200px" }); //same here } });

et le CSS pour la div est comme suit: 

 #tester { position: absolute; right: 20px; top: 200px; height: 200px; width: 100px; background: red; }

$ (fenêtre) .scroll (function () {$ (‘# myElement’). css (‘top’, $ (this) .scrollTop () + “px”);});

Je viens de la question 257250

Quel est le moyen le plus simple pour jQuery d’avoir un div ‘position: fixed’ (toujours au sumt)?

J’hésiterais à n’utiliser que jquery – je pense que c’est vraiment gênant de faire défiler une page et un DIV “saute” en raison de la mise à jour javascript de la position d’un élément.

J’utilisais position: fixed, et je déplaçais simplement la position de la boîte en haut à gauche avec javascript lors du défilement initial, puis la laissais là. C’est une sorte de compromis.