Festes Element am Ende von div

-4

Ich suche viel, aber ich weiß nicht, wie ich es richtig benennen soll.Festes Element am Ende von div

Idee:

Wir haben zwei divs zusammen. Der erste auf der linken Seite hat viel Inhalt, mehr als der auf der rechten Seite. Der zweite muss nur ausgefüllt und gesendet werden. Wenn der Benutzer das linke div für weitere Informationen scrollt, folgt die rechte Seite mit dem Kontaktformular bis zum Ende dieses div. Und wenn der Benutzer nach oben scrollt, folgt auch dieses Formular auf der rechten Seite.

Wie erkennt man? Gibt es einen Rahmen?

Ich habe viele divs in der Website und jeder muss dieses Skript haben.

Bildschirm zu zeigen, was ich meine:

SCREEN

Link zur Seite:

LINK

Quelle

2016-08-03 kjugi

Wenn ich Sie richtig verstehe, ist das Problem, dass der richtige "Div" scrollt zu? Wenn ja, versuchen Sie "Position: Fest", wenn nicht, bitte erläutern Sie mehr. Und bitte ** Fügen Sie Ihren Code hinzu oder, noch besser, stellen Sie einen Link zur Verfügung und veröffentlichen Sie eine Demo mit [jsbin] (http://jsbin.com) oder etwas **. –

@MoshFeu genau nein, das richtige div scrollen nicht und ich möchte es erzwingen. Ich habe es mit der Position versucht: behoben, aber nicht funktioniert von mir. Ich werde einen Link zu dieser Seite in Frage – kjugi

Überprüfen Sie die folgenden Links:

Quelle

2016-08-03 09:43:28

hinzufügen Ja, so etwas wie dieser erste Link! Das ist, was ich suche, vielen Dank :) – kjugi

Sie müssen die CSS-Eigenschaft des zweiten Divisors "position: fixed" 'wie andere Benutzer Sie bereits vorgeschlagen haben. Sie können das Beispiel von meinen Links herunterladen, um Hilfe zu erhalten, wenn Sie nicht wissen, wie Sie dies erreichen können. –

Wenn es in Ihre Anforderung passt, dann markieren Sie es als Ihre Antwort. Ich kenne seine nicht richtigen Lösungen, kann aber anderen helfen, die nach den gleichen/ähnlichen Dingen suchen. –

Sie die CSS position: fixed; für die rechte Seite nutzen können.

Quelle

2016-08-03 09:43:52 kate

Ist das Ergebnis wie erwartet? http://codepen.io/tunguyen/pen/JKamNN. – kate

etwas similar aber danke :) – kjugi

ist das, was Sie wollen. Das Konzept besteht darin, position:fixed und right:0 und/oder top:10px Eigenschaften mit Ihrem CSS zu verwenden. Dies ist ein kleines Beispiel dafür. Das wird helfen.

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
</head> 
 

 
<style type="text/css"> 
 
\t body{ 
 
\t \t width: 100%; 
 
\t \t height: 1000px; 
 
\t \t background-color: orange; 
 
\t } 
 

 
.right{ 
 
\t width: 30%; 
 
\t position: fixed; 
 
\t right: 0; 
 
\t height: 500px; 
 
\t background-color: gray; 
 
} 
 

 
.check{ 
 
\t position: absolute; 
 
\t top: 900px; 
 

 
} 
 
</style> 
 

 
<body> 
 

 
<div class="right"> 
 
\t <h2>send an email</h2> 
 
</div> 
 

 
<h1 class="check">checkin the view</h1> 
 
</body> 
 
</html>

Werte sind eine Vorstellung zu bekommen, solche, wie sie Ihren Bedarf ändern.

Quelle

2016-08-03 09:45:41

cool und danke :) – kjugi

Festes Element am Ende von div

Antwort

Verwandte Themen