html - 位置固定内部div不滚动

标签 html css

我有这个 html 和 css。问题是我想滚动内部 div 但不应删除位置固定。

  body { 
                position: fixed;
            }
            div {
                overflow-y: scroll;
                height:100%;
            }
<body>
        <div>
        Sohail Hussain
        <br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS
        <br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS<br/><br/><br/><br/><br/><br/><br/><br/>
        FDSFSDFDSFS

        <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
        ABCDEFGHI
        </div>
    </body>

最佳答案

对于 %工作父元素的高度需要一个高度。在你的情况下 <html><body>没有高度。

改变<body> 的位置不是一个好习惯.最好将您的内容包装在 <div> 中并改为调整它的定位。

html,
body {
  height: 100%;
}
body {
  position: fixed;
}
div {
  overflow-y: scroll;
  height: 100%;
}
<div>
  Sohail Hussain
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>FDSFSDFDSFS
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>FDSFSDFDSFS
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>FDSFSDFDSFS
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>FDSFSDFDSFS
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>FDSFSDFDSFS
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>FDSFSDFDSFS

  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>
  <br/>ABCDEFGHI
</div>

关于html - 位置固定内部div不滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37432798/

相关文章:

javascript - onmousemove javascript 的奇怪之处

javascript - 苹果在贪吃蛇游戏中无法正常生成

css - 如何使用关键帧让我的 div 水平滑动?

html - 它可以用 HTML 和 CSS 制作一个模态弹出窗口吗?

javascript - 获取标题文本的值(HTML,CSS)

php - 如何在 PHP 中向多维数组添加元素?

javascript - jQuery:语法错误,无法识别的表达式:.Marketing&Communications

c# - IE11切换到文档模式: IE7 Standards

html文本字段

html - Flexbox 大小问题