在我使用fancybox构建的图像库中,我得到一个奇怪的行为:图像显示在屏幕外。即叠加层在那里,但我看不到任何图像。
如果您点击第一行中的某个缩略图,则无法在叠加层中看到任何图像。
如果单击第13行中的缩略图,则可以在屏幕底部看到图像的顶部。
如果单击第17行周围的缩略图,图像大致位于屏幕中央。
如果单击底部的缩略图,则可以在屏幕顶部看到图像的底部。
此行为仅在我的桌面屏幕上显示。在Android平板电脑上,一切都按预期工作。
关于什么似乎是问题的任何提示?
在通过fancybox进一步检查创建的css时,我发现图像的容器似乎计算不正确:
<div class="fancybox-wrap fancybox-desktop fancybox-type-image fancybox-opened" tabindex="-1" style="width: 509px; height: auto; position: absolute; top: 2365px; left: 391px; opacity: 1; overflow: visible;">
显然,最高位置是错误的。但为什么呢?
对我而言,看起来fancybox并不是从屏幕的高度计算出来的,而是从网站页面内容中得出的某个高度来计算的,这个内容要高得多。但是又一次:为什么?