固定元素在div末尾

-4

我在寻找很多，但不知道如何正确命名它。固定元素在div末尾

构想：

我们有两个div在一起。左边的第一个有很多内容，比右边的多。第二个只有填表并发送。当用户滚动左边的div以获取更多信息时，带有联系表单的右边将跟随该div的末尾。当用户向上滚动时，右侧的这个表单也会跟着它。

如何检测它？有没有框架？

我在网站上有很多div，每个人都必须有这个脚本。

屏幕来显示我的意思：

SCREEN

页面链接：

LINK

来源

2016-08-03 kjugi

如果我理解正确，问题是右侧的'div'滚动到？如果是这样，如果不是，请尝试'position：fixed'，请详细解释。并请**添加您的代码，或者更好的是，使用[jsbin]（http://jsbin.com）或其他内容**提供一个工作演示的链接。 –

@MoshFeu完全没有，正确的div不滚动，我想强制它。我尝试了位置：固定但没有工作形式我。我会添加一个链接到这个页面的问题 – kjugi

检查以下链接：

来源

2016-08-03 09:43:28

是的，像这样的第一链接！这就是我寻找的，非常感谢:) – kjugi

你需要设置第二个div的css属性'''position：fixed''，因为其他用户已经建议你了。如果您不知道如何实现这一目标，您可以从我提供的链接中下载样本以获取帮助。 –

如果它符合您的要求，请将其标记为您的答案。我知道它不是正确的解决方案，但可以帮助其他人寻找相同/相似的东西。 –

您可以使用CSS position: fixed;的右侧。

来源

2016-08-03 09:43:52 kate

结果如你所料？ http://codepen.io/tunguyen/pen/JKamNN。 – kate

东西simillar，但谢谢:) – kjugi

这是你想要的。该概念是使用您的css使用position:fixed和right:0和/或top:10px属性。这是它的一个小例子。这会有所帮助。

<!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>

值将得到一个想法，改变那些为您的需要。

来源

2016-08-03 09:45:41

很酷，谢谢:) – kjugi

固定元素在div末尾

回答

相关问题