Steuern des inneren Container-Scrolls vom Gesamtdokument

Question

Was ist der beste Weg, diesen Effekt zu erzielen? Blättern Sie an einem beliebigen Teil des Dokuments, um den inneren Container zu scrollen.

In dieser Demo haben alle Komponenten der obersten Ebene position: fixed mit fest codierten Positionen und Breiten. Scheint ziemlich unflexibel.

Wir könnten ein reguläres (nicht position: fixed) Layout haben, die Scroll-Ereignisse auf dem obersten Container abhören und die auf dem inneren Container auslösen. Das erfordert, die äußere Bildlaufleiste synchron zu halten und scheint fehleranfällig zu sein.

Wie kann man am besten über dieses Problem nachdenken?

Answer 1

Ich denke, es ist am besten zu scrollen auf inner container als die whole document, zum Beispiel Ihre Seite ist lang oder sehr lange würde Konflikt scrollen den inneren Container mit dem gesamten Dokument, sofern Ihre Seite nicht an Browser-Fenster passt - was does ist Sie müssen nicht scrollen, dann können Sie das innere Scrollen verwenden.

Ich kleben für das ganze Dokument scroll hier ist ein Beispiel auf jsfiddle http://jsfiddle.net/NGLN/qndjW/6/