javascript - HTML/Javascript - 定位不一致

Question

我正在设计这个网站 http://www.parisgaa.org/parisgaels有问题。

主页上的图片 slider 有时会出错。大多数时候它工作正常并且看起来不错，但有时它的定位似乎搞砸了并且它出现在本应位于其下方的内容下方(即该内容与图像重叠)。您应该能够在 Chrome 中复制它 - 只需刷新几次即可。

如果有任何帮助，我将不胜感激。

Answer 1

您将不得不在 slider 文件中编辑一行

js/slider.js



.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:'+wrapperHeight+'px; position:relative; overflow:hidden;"></div>')
            .css({
              height: '999999px',
              position: 'relative',
                top: '-'+(origTop)+'px'
            });

在他的范围内，您需要定义适合您的图像的高度，例如

.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:400px; position:relative; overflow:hidden;"></div>')
            .css({
              height: '999999px',
              position: 'relative',
                top: '-'+(origTop)+'px'
            });

问题不在于您的实现，而在于您使用的脚本。您可以尝试使用不同的脚本，但希望此调整对您有用!