首页 > 解决方案 > Lightbox++ 不透明度覆盖在视口之外失败,但在 Chrome devtools 移动视图中展开返回键。js可以在手机上模仿吗?

问题描述

我在我的网站上使用 lightbox++,当在移动设备上查看时,如果用户单击图像并将其放大,视口之外的区域将保持白色,而不是被不透明覆盖覆盖。

我在 Chrome 开发者工具移动视图上注意到,当我按下返回键时,它会执行某种“软刷新”(它不会重新加载整个页面,只是重新加载灯箱),然后令人惊讶地扩展了整个页面覆盖在外部视口区域上,就像我希望它的行为方式一样。

所以它引出了一个问题,我可以用javascript强制它发生吗?我希望在单击图像的每个实例上都发生这种行为,然后加载,然后“按下”返回键,从而重新加载灯箱等,以确保叠加层始终在视口和外部视口区域。

测试站点链接: https ://www.solarinkgraphics.com/index_TEST003.html

Chrome dev 移动视图,预返回键。 Chrome dev 移动视图,预返回键。

Chrome 开发者移动视图,后返回键按下。 Chrome 开发者移动视图,后返回键按下。

在实际的移动设备上查看。 在实际的移动设备上查看。

标签: javascriptmobileviewportlightbox

解决方案


推荐阅读