热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSS粘性位置处理不同的标题高度

如何解决《CSS粘性位置处理不同的标题高度》经验,如何解决这个问题?

我正在使用以下CSS来使各部分的标题保持粘性:

h1 {
  position: sticky;
  top: 0;
  background: white;
  border-bottom: 2px solid black;
}

看起来像这样:

https://jsfiddle.net/1kd8mprx/

当即时贴标题不如先前的标题高时,下方显示早期的标题。一种解决方案是使它始终具有最大可能的高度。我希望将较高的早期标题隐藏起来。如果不能使用纯CSS做到这一点,那么我想要一个jQuery解决方案。


推荐阅读
author-avatar
H_debug
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有