7
votes

Comment créez-vous une zone de défilement HTML qui utilise simplement la barre de défilement du navigateur principal

Je cherchais un problème dans JIRA ( Par exemple, ici, un problème dans la JIRA 4 ) et j'ai remarqué que Jira 4 a un comportement de défilement intéressant, où lors du défilement de la barre de défilement du navigateur principal, l'en-tête Jira se déplace hors du passage, puis le titre du problème reste fixé à Top, puis le reste de la question continue de faire défiler. Donc, le titre du problème est toujours visible.

Il n'y a pas de barre de défilement verticale supplémentaire. Tout est défilé via la barre de défilement du navigateur principal. Donc, c'est SCS ou JavaScript Magic! Aucune idée de ce qu'ils font cela?

acclamations,

Phil.


0 commentaires

3 Réponses :


0
votes

créé à l'aide de JavaScript.

Je peux voir en utilisant Firebug pour inspecter le harceleur Div # Div Numéro que cela change d'attributs de classe et de style lorsque vous défilez.


0 commentaires

5
votes

Il change de manière dynamique le DIV #stalker qui a position: absolu; top: 76px; . Lorsque l'utilisateur Faites défiler, modifiez la position sur POSITION: FIXE; TOP: 0 et conservez-le dans un endroit fixe, vous donnant la possibilité de faire défiler le contenu de repos.


modifier

J'ai créé un exemple de ce comportement, car j'étais curieux et ici la démo si vous souhaitez vérifier cela http://jsbin.com. / igiji5 / 3


1 commentaires

Merci Sotris pour la réponse et la démo.



4
votes

Atlassien a publié la source du JavaScript à http: // docs. atlassian.com/aii/3.0/jquery.stalker.js.html


0 commentaires