ホームページ  >  記事  >  ウェブフロントエンド  >  iOSでポップアップウィンドウを閉じた後も、ポップアップウィンドウの一部がまだ「ページ上に残っている」問題に対処するにはどうすればよいですか?

iOSでポップアップウィンドウを閉じた後も、ポップアップウィンドウの一部がまだ「ページ上に残っている」問題に対処するにはどうすればよいですか?

零下一度
零下一度オリジナル
2017-06-24 10:54:311536ブラウズ

上記のように、.fb-box は、表示されるポップアップ ウィンドウ .dialog-img を含むページ上のすべての要素を含む大きな div であり、height:100%;-webkit-overflow- が設定されています.scroll:touch;

ただし、この設定では、iOS でバグが発生しますページが一定距離スクロールした後、クリックしてポップアップ ウィンドウを表示し、閉じます。ポップアップ ウィンドウのその部分はまだページ上に「残っています」。位置決めが必要です。 -webkit-overflow-scrolling:touch; も必要です。

解決策

ポップアップウィンドウのdivと.fb-boxを兄弟ノードとして配置し、外側のレイヤーで別のdivでラップすると、この問題は解決されます

以上がiOSでポップアップウィンドウを閉じた後も、ポップアップウィンドウの一部がまだ「ページ上に残っている」問題に対処するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。