PCブラウザで親要素にoverflow:hidden;をしていても、子要素の position:fixed;はマスクされない

この記事にも関連する話ですが、
親要素に「overflow:hidden;」を設定し、
子要素に「position:fixed;」を設定した場合、
親要素のボックスの大きさに対して、子要素がoverflow:hiddenでマスクされそうですが、
PC系ブラウザだとマスクされません。

PCサイトとSPサイト分けている場合はいいですが、
同様に作らなければいけないときは、
JSにて、
SPの時「背景固定用の空divを表示する」
PCの時はそのままー
ってのをやらないといけなさそうですね。