固定的元素在瀏覽器的屏幕外

我有兩個position: fixed; divs。一切工作正常，直到我放大頁面。通常，當您放大頁面時，會出現兩個滑塊，讓您看到屏幕外的其餘頁面。但是，由於某些原因，如果這兩個具有固定位置的div不在屏幕上，瀏覽器將不允許滾動到它們。固定的元素在瀏覽器的屏幕外

如果divs沒有固定位置，則不會發生這種情況。除了將位置改爲相對位置之外，還有其他解決方案嗎？

2016-12-29 Vortic

拋出這個善良成小提琴。 –

[固定位置div可滾動]的可能重複（http://stackoverflow.com/questions/18894400/fixed-position-div-scrollable） – pol

這是因爲固定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>

2016-12-29 21:04:33

回答