滚动固定标题

Question

是否有人知道如何创建此布局ms ie page。我试图完成的是一个固定的标题，但当页面最小化时，整个页面可以滚动到右边，包括固定的标题，是否有人知道这是怎么回事，这一切都在css中完成？所有im t todo都有一个固定的标题并滚动内容，但我想滚动标题以及它的一个半径宽度

Answer 1

如果我正确理解了您的要求，您希望有一个固定的标题并仅滚动内容，当页面调整为较小的宽度时，您也希望标题滚动。我是对的吗？

为此，您应为标题设置position: fixed。然后使用@media查询，您应指定标题应丢失其固定属性的最大宽度。

Markup:

<div class="header">
Header content goes here
</div>

Style:

.header{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

@media (max-width: 500px){
  .header{
     position: relative;
   }
}