Javascript Jquery偶尔会向下滑动工作

我使用谷歌chrome浏览器，但向下滑动无法正常工作。有时div下降，有时仍然关闭，我不得不刷新页面，等待它决定滑下。代码如下：

HTML

JAVASCRIPT

$(document).ready(function(){
    $("#box_body").slideDown(2500);
});

有时它会滑落有时不会。。。 我的链接：

slideDown（）

工作得很好。问题是，脚本在DOM索引中的位置高于样式表：

<script src='../themes/custom/js/jquery.min.js'></script> 
<script src='../themes/custom/js/jquery.main.js'></script> 
<script src='../themes/custom/js/jquery.scrollbar.js'></script> 
<script src='../themes/custom/js/jquery.register_0.js'></script> 
<link rel='icon' href='../themes/custom/images/engine/icon.png' type='image/x-icon' />
<link rel='stylesheet' type='text/css' href='../themes/custom/css/main.css' />
<link rel='stylesheet' type='text/css' href='../themes/custom/css/register_0.css' /> 
<link rel='stylesheet' href='../themes/custom/css/Scrollbar.css' />

您的

显示：无

CSS样式有时应用于之后的元素

slideDown（）因为样式表文件有时在脚本文件之后加载

好的做法是在关闭
标记之前，将CSS样式表放置在
标记和脚本中。
似乎有效。一定有什么事情发生了，这在你的问题中没有表现出来。a离开我的链接：我告诉过你有时工作有时不工作！只有在按下“后退”按钮时才会发生：
$(document).ready(function(){
    $("#box_body").slideDown(2500);
});

<script src='../themes/custom/js/jquery.min.js'></script> 
<script src='../themes/custom/js/jquery.main.js'></script> 
<script src='../themes/custom/js/jquery.scrollbar.js'></script> 
<script src='../themes/custom/js/jquery.register_0.js'></script> 
<link rel='icon' href='../themes/custom/images/engine/icon.png' type='image/x-icon' />
<link rel='stylesheet' type='text/css' href='../themes/custom/css/main.css' />
<link rel='stylesheet' type='text/css' href='../themes/custom/css/register_0.css' /> 
<link rel='stylesheet' href='../themes/custom/css/Scrollbar.css' />

#box_body {
    ...
    display: none;  
}