CSS/SASS-Methode zur Fixierung div

Question

Ich hoffe, Sie werden eine Antwort für mich haben. In CSS gibt es die Eigenschaft background-attachment: fixed; das sieht wirklich schick aus, meine Frage ist also eine Eigenschaft, mit der ich einige divs mit Text usw. im Dokument "reparieren" kann? Wenn nicht, wie löst man es in Typescript? Ich hoffe du weißt was ich meine

// edit: Okay, ich werde versuchen, es zu beschreiben: mit der Eigenschaft background-attachment: fixed; der hintergrund eines divs ist zwar fest, aber nicht inhaltlich, so dass ein parallax effekt auftritt, wie dieser: w3schools.com/howto/tryhow_css_parallax_demo.htm Und ich wollte wissen ob es möglich ist das selbe mit dem inhalt zu machen wie text etc

Answer 1

Können Sie es so versuchen?

HTML

<div class="fixedContainer"> 
    This is experimental 
</div> 
<div class="otherContainer"> </div> 

Und hier geht Ihr Stil

CSS

<style> 
.fixedContainer { 
    background-color:#ddd; 
    position: fixed; 
    padding: 2em; 
    left: 50%; 
    top: 0%; 
    transform: translateX(-50%); 
} 

.otherContainer { 
    height:1000px; 
    background-color:#bbb; 
} 

</style> 

Kredit geht ursprünglich auf: diese link und Stackoverflow Benutzer aaronk6 und Joseph Marikle an ihren Pfosten:

this link bzw. this link.