刷新时元素消失

Question

我遇到了一些麻烦。我创建了这个网站 http://arnmusica.netai.net/（这是当前的免费测试域），当我单击 "Productos" 选项卡时，有时元素（吉他）不显示，有时会显示。我不知道为什么会这样。我尝试更正或修改 css、html 的很多内容，但没有成功。当我刷新页面时，这些元素随机出现。吉他应该始终可见。

请帮帮我。

非常感谢。

Answer 1

请将您的问题归类为 jsfiddle 或任何类似的问题，以便您的回答对将来有用。

#scroller 元素的宽度被神秘的 javascript 插件 (simplyScroll.js) 覆盖。

最常见的原因是：该插件在图像加载之前运行。

见Javascript calculate image size, after image load

编辑：

来自jQuery simple scroll website：

Notes/issues:

simplyScroll jumping? Make sure you specify images sizes or start on window load (Chrome is especially affected by this - it's just so darn fast!) http://logicbox.net/jquery/simplyscroll/#comments

编辑2：

您可以在 load 上做，但有一些 caveats。

$( '.img img' ).load(function() {  
    $("#scroller").simplyScroll({
        auto: false,
        speed: 10
    });
});

刷新时元素消失

Elements disappear when refresh

html

css

refresh

elements