Heim  >  Artikel  >  Web-Frontend  >  Wie kann mit dem Problem umgegangen werden, dass ein Teil des Popup-Fensters nach dem Schließen in iOS immer noch „auf der Seite verbleibt“?

Wie kann mit dem Problem umgegangen werden, dass ein Teil des Popup-Fensters nach dem Schließen in iOS immer noch „auf der Seite verbleibt“?

零下一度
零下一度Original
2017-06-24 10:54:311539Durchsuche

Wie oben gezeigt, ist .fb-box ein großes Div, das alle Elemente auf der Seite enthält, einschließlich des Popup-Fensters .dialog-img, das Sie sehen, und dessen Höhe festgelegt ist : 100%;-webkit-overflow-scrolling:touch;

Aber mit dieser Einstellung tritt auf iOS ein Fehler auf Nachdem die Seite eine bestimmte Distanz gescrollt hat , klicken Sie auf Wenn Sie das Popup-Fenster deaktivieren und dann schließen, werden Sie feststellen, dass ein Teil des Popup-Fensters immer noch „auf der Seite verbleibt“. Positionierung ist erforderlich, -webkit-overflow-scrolling:touch ist ebenfalls erforderlich.

Lösung

Legen Sie das Div und die .fb-Box des Popup-Fensters als Geschwisterknoten an und schließen Sie es mit einem weiteren Div im äußeren ein Schicht, das Auch wenn du aus der Grube aufstehst

Das obige ist der detaillierte Inhalt vonWie kann mit dem Problem umgegangen werden, dass ein Teil des Popup-Fensters nach dem Schließen in iOS immer noch „auf der Seite verbleibt“?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn