正如标题所提到的,我在一个可分页的容器中有3个div容器。我正在使用Wordpress和WPBakery(以前称为Visual Composer)。
div 2到达屏幕顶部时,它会一直停留在屏幕上,而div 1和3继续滚动。
实际上
.div2 {
position: sticky;
top: 0;
}
但是,如果这些div位于可分页容器内(是的,我确实需要在其中放置这些div,因为应该有未定义数量的子“站点”),屏幕顶部无法识别,并且div 2继续与其他div滚动。
如果你们能帮助我找到解决方案,那将很好。
到目前为止,我的方法是: 一旦将DIV 2放到可分页的容器中,一切就可以与“粘性标头”的常见解决方案一起正常工作。但是问题在于,所有子站点都具有相同的“标题”,而这完全不是我想要的。