将可分容器内的div容器粘贴到屏幕顶部

时间:2018-07-18 14:12:23

标签: html css wordpress sticky visual-composer

正如标题所提到的,我在一个可分页的容器中有3个div容器。我正在使用Wordpress和WPBakery(以前称为Visual Composer)。

setup in back end

div 2到达屏幕顶部时,它会一直停留在屏幕上,而div 1和3继续滚动。

how it looks in front end

实际上

没问题
.div2 {
  position: sticky;
  top: 0;
}

但是,如果这些div位于可分页容器内(是的,我确实需要在其中放置这些div,因为应该有未定义数量的子“站点”),屏幕顶部无法识别,并且div 2继续与其他div滚动。

如果你们能帮助我找到解决方案,那将很好。

到目前为止,我的方法是: 一旦将DIV 2放到可分页的容器中,一切就可以与“粘性标头”的常见解决方案一起正常工作。但是问题在于,所有子站点都具有相同的“标题”,而这完全不是我想要的。

0 个答案:

没有答案