Javascript 如何在容器内但在当前行外创建粘性div元素？
这里我需要一个快速解决方案，如何使具有sticky类的元素在容器内但也在其父行外具有粘性。有人能给我推荐一些HTML css和javascript的快速修复方法吗？谢谢Javascript 如何在容器内但在当前行外创建粘性div元素？,javascript,html,css,Javascript,Html,Css,这里我需要一个快速解决方案，如何使具有sticky类的元素在容器内但也在其父行外具有粘性。有人能给我推荐一些HTML css和javascript的快速修复方法吗？谢谢 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sticky Element</title>
<style>
.sticky{
position: sticky;
top: 120px;
height: 200vh;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-lg-2">
<div class="sticky">
<h1>Sticky element</h1>
</div>
</div>
<div class="col-lg-10">
</div>
</div>
<div class="row">
<div class="col-lg-2">
</div>
<div class="col-lg-10">
</div>
</div>
<div class="row">
<div class="col-lg-2">
</div>
<div class="col-lg-10">
</div>
</div>
</div>
</body>
</html>
粘性元素
.粘的{
位置：粘性；
顶部：120px；
高度：200vh；
}
粘性元素
位置：absolutestickysticky容器中.row{
背景：#CCC；
边框底部：1px纯黑；
}
.粘的{
位置：绝对位置；
}
.行>分区{
填充：40px；
}
.集装箱{
边缘顶端：40px；
边缘底部：40px；
}
粘性元素
第1单元
第2单元
第三单元
第4单元
第5单元
第6单元
位置：absolutestickysticky容器中.row{
背景：#CCC；
边框底部：1px纯黑；
}
.粘的{
位置：绝对位置；
}
.行>分区{
填充：40px；
}
.集装箱{
边缘顶端：40px；
边缘底部：40px；
}
粘性元素
第1单元
第2单元
第三单元
第4单元
第5单元
第6单元
位置：固定位置：绝对位置：固定位置：绝对