固定的元素在浏览器的屏幕外

问题描述:

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

如果divs没有固定位置,则不会发生这种情况。 除了将位置改为相对位置之外,还有其他解决方案吗?

+0

抛出这个善良成小提琴。 –

+0

[固定位置div可滚动]的可能重复(http://*.com/questions/18894400/fixed-position-div-scrollable) – pol

+0

这是因为固定div在doc的流程之外,而我假设您使用固定值来定位它们。由于您没有提供任何代码,因此无法提供帮助。 – junkfoodjunkie

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

一种解决方案是使用position: absolute而不是position: fixed。绝对定位的元素与页面一起滚动,因此滚动条可以工作。

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

 

 
</div>