コンテナーで固定divのオーバーフローを非表示にする方法はありますか? Fixed Inside Fixed でいいと思っていたのですが、そうではないようです。私が考えることができる唯一の回避策は、「反転」マスクです。他の固定 divは 1 つの周りのすべてを隠しますが、他の解決策があればもっと良いでしょう。
これがフィドルです:http://jsfiddle.net/pjFa6/1/
コンテナーで固定divのオーバーフローを非表示にする方法はありますか? Fixed Inside Fixed でいいと思っていたのですが、そうではないようです。私が考えることができる唯一の回避策は、「反転」マスクです。他の固定 divは 1 つの周りのすべてを隠しますが、他の解決策があればもっと良いでしょう。
これがフィドルです:http://jsfiddle.net/pjFa6/1/
残念ながら、固定要素を別の要素 (固定されているかどうかにかかわらず) 内にネストし、外側の要素がそれをラップしてオーバーフローを隠すことは不可能のようです。
私が考えることができる唯一のことは、内側のdivをposition:absolute
固定ではなくに設定することです。jsfiddle に基づく例を次に示します: jsfiddle.net/pjFa6/15。
一部のモバイル ブラウザー コンテキストでは、 を使用すると、-webkit-overflow-scrolling: touch
固定位置の要素が「切り取られた」状態になる場合があります。参照: https://miketaylr.com/posts/2015/06/position-fixed-overflow-hidden.html