如何控制哪个元素获取滚动条？

假设你有一个HTML文档这样的：出现如何控制哪个元素获取滚动条？

<html> 
<head> 
    <style> 
     #a{ 
      overflow: hidden; 
     } 
     #b{ 
      height: 10000px; 
     } 
    </style> 
</head> 
<body> 
    <div id="a"> 
     <div id="b"> 
     </div> 
    </div> 
</body> 
</html>

滚动条，至少对我来说在Chrome 42.0.2311.135。但是我有溢出设置为在父元素上隐藏到占用空间的元素。不应该隐藏滚动条？仔细观察后，它看起来像滚动条在html元素上。如果将溢出设置为隐藏在html元素上，则滚动条消失。

为什么滚动条出现在html元素上？你如何控制它出现在哪个元素上？

来源

2015-05-10 Istlemin

来控制你的外表最简单的方法是，如果你使用CSS的HTML代码，然后你可以设置元素可见或隐藏，像这样：

a{ 
    visibility: hidden; 
}

这是你的div之后被标记为“一个“将不可见。

顺便说一句，你能做到这一点的HTML也：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
h1.visible { 
    visibility: visible 
} 

h1.hidden { 
    visibility: hidden 
} 
</style> 
</head> 
<body> 

<h1 class="a">This is a visible heading</h1> 
<h1 class="b">This is an invisible heading</h1> 
<p>Notice that the invisible heading still takes up space.</p> 

</body> 
</html>

来源

2015-05-10 16:33:26 vektor112

我不可能那么不清楚：正如标题所述，我想知道如何控制哪个元素获取滚动条，而不是如何隐藏元素。 – Istlemin

对不起，例如你可以这样做：

anything

– vektor112

后多一点摆弄周围，我设法找到问题。问题是#a div标签没有高度。然后它会扩大以为#b div标签腾出空间。限制首先来自HTML标签，它与窗口具有相同的高度，这就是滚动条出现在那里的原因。

来源

2015-05-10 17:15:16 Istlemin

如何控制哪个元素获取滚动条？

回答

相关问题