javascript - Lightbox++ 不透明度覆盖在视口之外失败,但在 Chrome devtools 移动视图中展开返回键。js可以在手机上模仿吗?
问题描述
我在我的网站上使用 lightbox++,当在移动设备上查看时,如果用户单击图像并将其放大,视口之外的区域将保持白色,而不是被不透明覆盖覆盖。
我在 Chrome 开发者工具移动视图上注意到,当我按下返回键时,它会执行某种“软刷新”(它不会重新加载整个页面,只是重新加载灯箱),然后令人惊讶地扩展了整个页面覆盖在外部视口区域上,就像我希望它的行为方式一样。
所以它引出了一个问题,我可以用javascript强制它发生吗?我希望在单击图像的每个实例上都发生这种行为,然后加载,然后“按下”返回键,从而重新加载灯箱等,以确保叠加层始终在视口和外部视口区域。
测试站点链接: https ://www.solarinkgraphics.com/index_TEST003.html
Chrome dev 移动视图,预返回键。 Chrome dev 移动视图,预返回键。
Chrome 开发者移动视图,后返回键按下。 Chrome 开发者移动视图,后返回键按下。
在实际的移动设备上查看。 在实际的移动设备上查看。
解决方案
推荐阅读
- angular - 使用 NGRX 更新表单会返回 ViewDestroyedError
- linux - 在 /etc/hosts 中使用不同的规范或别名引用相同的 IP
- postgresql - 处理异常和事务
- reactjs - 反应路由器嵌套,一旦有参数就打开新页面
- javascript - 使用 Javascript 数组 sort() 方法和比较函数的字母搜索
- javascript - 从 JSON 子对象计算总和
- rascal - MouseDown 事件时的图形信息
- postgresql - 如何为具有“timestamptz”数据类型的 PostgreSQL 列设置 NULL 值?
- node.js - Express.js 的状态
- html - 如何垂直对齐一行中的元素