Comment voulez-vous faire un div suivre comme vous le faites défiler?
J'ai un div sur le côté gauche, qui comprend les heures de travail et de la météo. Je voudrais que la div pour faire défiler de haut en bas en fonction de la façon dont l'utilisateur fait défiler. Donc, il serait de suivre et de se déplacer en haut et en bas de la page. Comment aurais-je cette tentative? Ceci est mon site web judystropicalgarden.com
Grâce
- double possible de Comment faire de la div suivre le défilement en douceur avec jQuery?
- Par "suivre" voulez-vous dire qu'il faudrait que, littéralement, suivre la souris? Ou qu'il devrait simplement rester visible sur l'écran, indépendamment de défilement?
Vous devez vous connecter pour publier un commentaire.
Vous pouvez soit utiliser la propriété css Fixe, ou si vous avez besoin de quelque chose de plus affiné, alors vous devez utiliser le javascript et le suivi de la scrollTop propriété qui définit l'endroit où l'agent de l'utilisateur de la barre de défilement emplacement est (0 étant au sommet ... et x étant en bas)
ou avec jQuery:
absolute
et non pas fixe.À l'aide de style CSS, vous pouvez définir la manière dont quelque chose est en place. Si vous définissez l'élément fixe, il restera toujours dans la même position sur l'écran à tout moment.
Vous pouvez utiliser le
fixed
CSS propriété position pour accomplir cette tâche. Il y a un tutoriel de base sur ce ici.EDIT: Cependant, cette approche n'est PAS pris en charge dans les versions IE < IE7, et seulement dans IE7 si il est en mode standard. Cette question est examinée en détail un peu plus ici.
Il y a aussi un hack, a expliqué ici, qui montre comment réaliser une correction du positionnement dans IE6, sans affecter le positionnement absolu. Quelle version de IE ciblez-vous votre site web pour?
Une meilleure JQuery, la réponse devrait être:
Vous pouvez également ajouter un numéro après scrollTop je.e .scrollTop() + 5 pour lui donner buff.
Une bonne idée serait aussi d'en limiter la durée à 100 et à partir de défaut swing linéaire d'accélération.
la position:fixed; propriété devrait faire le travail, je l'ai utilisé sur mon Site et il a bien fonctionné.
http://www.w3schools.com/css/css_positioning.asp