CSS显示内联项在加载页面时会短暂显示为列表项

Question

我有一个Carousel（jcarousel），它显示内联项目。 加载时，项目首先垂直显示（列表），然后切换到正常的内联位置。

我在几个网站上都有这个，发现它很烦人。

有什么可以做的吗？

由于

Answer 1

加载时意味着无法执行处理定位的实际javascript。

您可以事先通过css隐藏这些元素，并在侧面加载后将它们切换回可见。

Answer 2

您可以更改父div的css或您的轮播所在的任何容器：

#jcDiv { 
  visibility: hidden;
  height: 200px; /* Adjust this to what yours should be */
  overflow: hidden;
}

onload（窗口，不是文档，so it doesn't show until the images are loaded）：

$(window).load(function() {
  $("#jcDiv").css({ visibility: 'visible' });
});