2017-05-19 3 views
0

scrollen Ich habe meine Seite in zwei Abschnitte unterteilt - links und rechts. Ich habe div verwendet, um links und rechts zu navigieren. In der rechten Navigation habe ich auch mehrere divs. Wenn ich jetzt die Seite nach unten scrolle, wird nur der rechte Teil der Seite gescrollt und die linke Navigation bleibt dort.nicht in der Lage zu div folgen, wenn ich mit der Position als feste

Also, wenn ich Seite nach unten scrolle, möchte ich alles scrollen einschließlich links und rechts divs beide.

Hier ist meine jsfiddle: https://jsfiddle.net/g2ahx6nq/

Also, wenn Sie Seite nach unten scrollen, wird es nur rechte Seite blättern Seite nicht verlassen. Ich möchte alles scrollen, wenn wir nach unten scrollen, einschließlich links und rechts.

Hier ist meine CSS für linke Balken div wo ich Position bin mit als auch fest, aber immer noch nicht funktioniert:

#leftBar 
{ 

    background-color: rgb(65, 64, 66); 
    box-shadow: 2.996px 0.157px 7.65px 1.35px rgba(40, 40, 41, 0.25); 
    border-right: solid #EF7440; 
    border-right-width: 4px; 
    top: 0px; 
    bottom: 0px; 
    left: 0px; 
    position: fixed; 
    width: 161px; 
} 

Sie ignorieren können jetzt Bild und Ausrichtung fehlt. Ab jetzt versuche ich dieses Problem zu beheben.

+1

Das liegt daran, dass Sie 'position: fixed' haben. –

+1

Ich verstehe nicht, warum Sie 'position: fixed' verwenden –

+0

Schauen Sie sich [flex-box] (https://codepen.io/enxaneta/full/adLPwv/). –

Antwort

1

Die feste Position wird für Objekte verwendet, die sich nicht bewegen, auch wenn sie gescrollt werden. Ich würde empfehlen, absolute anstelle von fixed zu verwenden. Die absolute Positionierung hält sie an derselben Stelle, außer wenn die Seite gescrollt wird.

Verwandte Themen