Scroll am Körper, wenn festes Element Blättern auf und vice versa

Question

So habe ich dieses DIV:

.sidebar{ 
    position: fixed; 
    background: #222; 
    height: 100%; 
    width: 280px; 
    overflow-y: auto; 
} 

An dann habe ich den Seiteninhalt:

.content{ 
    width: calc(100% - 280px); 
    background: #fff; 
    margin-left: 280px; 
} 

Der Inhalt innerhalb .content mit jeder Seite unterschiedlich Manchmal ist die Seite größer und manchmal nicht. Aber es gibt ein Problem, wenn die Seitenleiste nicht in das Ansichtsfenster passt, erscheint eine Bildlaufleiste. Ich möchte drei Dinge erreichen:

• Entfernen Sie die Bildlaufleiste (d. H. Machen Sie es unsichtbar).
• Wenn Sie auf .content scrollen, scrollen Sie auch auf .sidebar.
• Wenn Sie auf .sidebar blättern, scrollen Sie auch auf .content.

Wie kann dies erreicht werden? sogar mit jQuery, gibt es eine Möglichkeit, dies zu machen? Vielen Dank im Voraus!

Answer 1

Beide in einen Behälter DIV geben, beide overflow-y: visible geben und den Behälter overflow-y: auto geben. Dann scrollt der Container, wenn eines der beiden Elemente höher ist als der Container.

Ah - und die position: fixed aus der Seitenleiste entfernen ...