Drupal主页内容跳跃

Question

我的Drupal主页正在加载标题（H1），副标题，CTA和大约15px的图像太高。它然后跳到原地。

效果似乎只发生在主页上。

初始加载图片：http://www.workbooks.com/sites/default/files/image/initial.png

发布跳转图片：http://www.workbooks.com/sites/default/files/image/jumped.png

由于代表不足，抱歉无法发布图片。

很抱歉最多只有两个链接 - 但你可以从上面的链接猜到我的主页！

有没有人知道造成这种情况的原因是什么？

谢谢，

萨姆

Answer 1

问题来自你的幻灯片，初始化和它的样式来得很晚。当您在未启用JavaScript的情况下访问您的网站时，您可以永久地查看该问题。因此，要修复此问题，您需要添加一些修复样式，以模拟稍后由幻灯片显示的样式。您可以在禁用JavaScript时再次测试这些样式。有点难以分辨出最佳方式是什么，因为幻灯片显示的样式可能是动态的，并且取决于幻灯片的内容，因此它可能随内容而变化。类似的东西可以起作用：

#views_slideshow_cycle_teaser_section_slides-block {
height: 325px;
}

#views_slideshow_cycle_div_slides-block_0 {
position: absolute;
}

但如上所述，谨慎使用并测试它。