隱藏固定位置的元素

有沒有什麼辦法可以隱藏固定的 div溢出與容器？我認爲修正內部固定會做到這一點，但似乎並非如此。我能想到的唯一解決方法是「倒置」蒙版：其他固定蒙版隱藏左右左右，但如果有其他解決方案，它會更好。隱藏固定位置的元素

2012-08-13 Yisela

從內部div中刪除固定，並向他們添加'position：relative;'。 http://jsfiddle.net/pjFa6/12/ – Jeemusu 2012-08-13 02:49:21

這個問題只涉及固定位置的div。 – Yisela 2012-08-13 02:50:07

在這種情況下，我唯一能想到的是將內部div設置爲絕對位置而不是固定位置。 http://jsfiddle.net/pjFa6/15/。據我所知，你不能嵌套一個固定的元素並將它包含在它的包裝元素中。你將不得不掩蓋它，這不會很好。 – Jeemusu 2012-08-13 02:56:05

不幸的是這似乎是不可能的巢另一個元素（固定或不）內的固定元素，並期望外部元素來包裝它，並隱藏任何溢出。

我能想到的唯一方法是將內部div設置爲position:absolute而不是固定的。這裏是一個基於你的jsfiddle的例子：jsfiddle.net/pjFa6/15。

來源

2012-08-13 03:48:07 Jeemusu

呃，我希望這可以通過'position：fixed'來實現。有一種方式... – frhd 2013-09-27 13:48:28

它可以實現而不是..看看這裏[http://stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug](http:/ /stackoverflow.com/questions/12463658/parent-child-with-position-fixed-parent-overflowhidden-bug） – 2015-03-23 19:02:24

在某些移動瀏覽器上下文中，使用-webkit-overflow-scrolling: touch可能會實現「限幅」固定位置元素。請參閱：https://miketaylr.com/posts/2015/06/position-fixed-overflow-hidden.html

來源

2016-04-04 20:06:06 user2643307

與容器中的z-index: any value;聲明將在某些webkit瀏覽器（如chrome）中執行。

來源

2016-05-12 04:28:00

隱藏固定位置的元素

回答

相關問題