私は、ボタンがクリックされたときにこのdivを表示してページを拡大することが起こる、非表示のdivを持つモバイルWebサイトを構築しています。
本質的に、これは一種の「領収書」です。これを構成する3つのdivが互いに重なり合っており、上部のdivには領収書の上部(小さな紙が出ている穴)が含まれています。中央のdivは非表示になっており、クリックすると表示される領収書の本文です。下部のdivは、常に表示される会社のブランド(ロゴなど)を含むレシートの下部です。
したがって、ユーザーが最初にサイトにアクセスすると、上部と下部のdivが一緒に座って、ロゴと何とか何とか何とかとぶら下がっている小さな領収書のように見えます...
私が助けを必要としているのは、「レシート」がビューポートの下部から約30ピクセルの位置にあり、展開してもウィンドウが一緒に移動しないことです。中央のdivが開いて押し下げられたときに、このdivでページを移動させるにはどうすればよいですか?