Come si crea un'area scorrevole di html, che utilizza solo la barra di scorrimento principale del browser

Question

Stavo esaminando un problema in JIRA (e.g. here, an issue in JIRA 4) e ho notato che JIRA 4 presenta alcuni interessanti comportamenti di scorrimento, quando si scorre verso il basso con la barra di scorrimento principale del browser , l'intestazione di jira scorre verso l'alto, quindi il titolo del problema rimane fisso in alto, quindi il resto del problema continua a scorrere. Quindi il titolo del problema è sempre visibile.

Non c'è una barra di scorrimento verticale extra. Tutto scorre attraverso la barra di scorrimento principale del browser. Quindi è magia css o javascript! Qualche idea su come lo fanno?

Cheers,

Phil.

Answer 1

Cambia dinamicamente il div #stalker che ha position:absolute;top:76px;. Quando l'utente scorre, cambia la posizione in position:fixed;top:0 e tienilo in un posto fisso, dandoti la possibilità di scorrere il resto del contenuto.

---

Modifica

ho creato un esempio di questo behavoir, perché ero curioso e qui la demo, se si desidera controllare http://jsbin.com/igiji5/3

Answer 2

Viene creato utilizzando JavaScript.

Posso vedere usando FireBug per ispezionare il div # stalker che modifica gli attributi di classe e stile quando si sta scorrendo.

Answer 3

Atlassian ha pubblicato la fonte del Javascript al http://docs.atlassian.com/aui/3.0/jquery.stalker.js.html