使用CSS / HTML’冻结窗格’风格的效果

前端之家收集整理的这篇文章主要介绍了使用CSS / HTML’冻结窗格’风格的效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以/轻松创建一个网页,其行为类似于应用了“冻结窗格”的Microsoft Excel电子表格?这样,我的意思是标题侧边栏应该保持固定在它们的位置,但在页面滚动时向下/向右滚动.

我需要像this这样的东西,除了我希望它应用于整个页面而不是表格.

解决方法

这可以是切换到位置:固定.

例如,一个div与类

#fixed-div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  background-color: #000;
}

当您滚动时,将保持在浏览器视口的最大100px中固定.

这个小提琴演示了垂直和水平方向的效果.
http://jsfiddle.net/ukzYf/1/

希望这可以帮助.

原文链接:https://www.f2er.com/css/217509.html

猜你在找的CSS相关文章