隐藏固定位置的元素

有没有什么办法可以隐藏固定的 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

隐藏固定位置的元素

回答

相关问题