页面性能:jQuery Prototype.js



我正在整理一个静态网站,该网站使用几个jQuery插件加上Ajax幻灯片。
我遇到的问题是关于我认为两者一起实施两者时所遵循的不良实践。
我对页面加载有这种怪异的效果,在前几秒钟左右显示选项卡。
我真的很感激是否有人可以帮助E弄清楚如何解决此问题。

看起来您的默认CSS具有可见的选项卡,JS代码的初始化是隐藏选项卡的原因。您看到的是JS启动之前页面的正常状态。您的CSS应将其默认为"隐藏"或" OFF"状态,并且JS应在适当时责任显示标签。

要添加到 @dontgoplastic的答案中,您应该使用position: absolutetop: -224pxz-index的属性在CSS中初始化标签面板(您可能没有display: block,因为这是Div。

的自然显示类型

这不仅会将面板初始化(无论JS是否已加载),而且还可以使您只需.animate()您的Divs'top属性,而不必设置positionz-indexdisplay您运行该方法的时间。

最新更新