提问人:Jeong-han Ahn 提问时间:4/1/2020 最后编辑:Jeong-han Ahn 更新时间:4/1/2020 访问量:90
仅冻结顶行和滚动内容
Freeze top row and scrolling contents only
问:
实际代码是由 javascript 和 jquery 生成的,但我只是创建了如下所示的 html 代码,仅用于测试。
<head>
<style>
body {
overflow: hidden;
}
</style>
</head>
<body>
<div id="root">
<div style="height: 40px; overflow: hidden;">Title</div>
<div style="overflow-x: auto; height: 100%;">
<ul>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
<li>i</li>
<li>j</li>
<li>k</li>
<li>l</li>
<li>m</li>
<li>n</li>
<li>o</li>
<li>p</li>
<li>q</li>
<li>r</li>
<li>s</li>
<li>t</li>
<li>u</li>
<li>v</li>
<li>w</li>
<li>x</li>
<li>y</li>
<li>z</li>
<li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>
<li>f</li>
<li>g</li>
<li>h</li>
<li>i</li>
<li>j</li>
<li>k</li>
<li>l</li>
<li>m</li>
<li>n</li>
<li>o</li>
<li>p</li>
<li>q</li>
<li>r</li>
<li>s</li>
<li>t</li>
<li>u</li>
<li>v</li>
<li>w</li>
<li>x</li>
<li>y</li>
<li>z</li>
</ul>
</div>
</div>
</body>
</html>
当我在大多数浏览器中运行上述代码时,它会按我的预期运行。(我在 IE-11、Edge 和 Chrome 中运行了这个) 浏览器的滚动被隐藏,标题 div 区域被冻结,列表区域有一个滚动。 但是当我使用 IE-11 和 IE-7 渲染模拟此代码时,浏览器的滚动再次显示,并且整个页面被滚动,包括标题 div 区域。 有没有人给我解决这个问题的提示?
答: 暂无答案
评论
<body scroll="no">