固定元素不在浏览器的屏幕之内

时间:2016-12-29 20:39:48

标签: html css

我有两个position: fixed; div。一切正常,直到我放大页面。通常,当您向上放大页面时,会出现两个滑块,允许您查看屏幕外的其余页面。但是,出于某种原因,如果那两个具有固定位置的div不在屏幕上,则浏览器不允许滚动到它们。

如果div没有固定位置,则不会发生这种情况。 除了将位置改为亲戚之外,还有什么解决方案吗?

1 个答案:

答案 0 :(得分:2)

固定定位意味着无论您是否滚动,元素都位于屏幕上的固定位置 换句话说,滚动条(如果有的话)不会对固定元素产生影响 因此,即使浏览器 在窗口上放置滚动条,如果固定元素变大,使用这些滚动条也不会将固定元素滚动到视图中! 所以,没有滚动条。他们没用。

一种解决方案是使用position: absolute代替position: fixed。绝对定位的元素会随页面滚动,因此滚动条可以正常工作。

<div style="position: absolute; margin-left: 50px; margin-top: 50px; width: 300px; height: 300px; background-color: blue;">


</div>