Javascript 在现场加载完成之前，侧边栏未显示在正确的位置

我是javascript和wordpress的初学者

我有要修改的模板Detube。我必须使边栏半固定和滚动无限

这些修改都做了，但没有按照我想要的方式工作。侧边栏在打开站点时显示在左侧，几秒钟后，它将恢复其在右侧的位置。您可以在此处看到结果
我想解决这个问题

下面是脚本的代码

jQuery（文档）.ready（函数（$）{
$=javascript.noConflict（）；
$（文档）。滚动（函数（）{
var scrollPosition=$（document.scrollTop（）；
var scrollReference=2100；
如果（scrollPosition>=scrollReference）{
$（'dpe_fp_widget-4'）.css（'position'，'fixed'）；
$（'dpe_fp_widget-4'）.css（'top'，'100px'）；
$（'dpe_fp_widget-4'）.css（'left'，'initial'）；
$（'dpe_fp_widget-5'）.css（'position'，'fixed'）；
$（'dpe_fp_widget-5'）.css（'top'，'100px'）；
$（'dpe_fp_widget-5'）.css（'left'，'initial'）；
$（'#text-6'）.css（'position'，'fixed'）；
$（'#text-6'）.css（'top'，'550px'）；
$（'#text-6'）.css（'左'，'首字母'）；
$（'#text-7'）.css（'position'，'fixed'）；
$（'#text-7'）.css（'top'，'550px'）；
$（'#text-7'）.css（'左'，'首字母'）；
}否则{
$（'dpe_fp_widget-4'）.css（'position'，'absolute'）；
$（'dpe_fp_widget-4'）.css（'top'，'841px'）；
$（'dpe_fp_widget-4'）.css（'left'，'0px'）；
$（'dpe_fp_widget-5'）.css（'position'，'absolute'）；
$（'dpe_fp_widget-5'）.css（'top'，'841px'）；
$（'dpe_fp_widget-5'）.css（'left'，'0px'）；
$（'#text-6'）.css（'position'，'absolute'）；
$（'#text-6'）.css（'top'，'1291px'）；
$（'#text-6'）.css（'left'，'0px'）；
$（'#text-7'）.css（'position'，'absolute'）；
$（'#text-7'）.css（'top'，'1291px'）；
$（'#text-7'）.css（'left'，'0px'）；
};  
});
});

我调用文件function.php中的脚本

函数my\u loader\u jquery（）{
如果（！is_admin（））{
wp_注销脚本（'jquery'）；
wp_寄存器_脚本（'jquery'，'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js",假","假",；
wp_排队_脚本（'jquery'）；
}
}
添加_操作（'init'，'my_loader_jquery'）；
函数主题_js（）{
wp_enqueue_脚本（'sidebar fixe'，get_template_directory_uri（）。/js/sidebar fixe.js'，array（））；
wp_enqueue_脚本（'infinite scroll'，get_template_directory_uri（）。/js/infinite scroll.js'，array（））；
}

在css中

#sidebar {
    width:336px;
    float:right;
}


/*== Sidebar
 *=================================*/
#sidebar .widget{width:300px; padding-top: 30px;}

---

注意：请原谅我的英语

尝试在#侧边栏.widget上添加position:relative 在css中：

---

您是否尝试在

window.load（）

而不是

ready（）

上调用脚本对于简单的功能来说，代码太多了。难怪浏览器也被搞糊涂了。你是说脚本太长了吗？还有其他建议吗？我想如果有更多的信息，这个答案确实是有效的：在哪里？什么？为什么？怎么了？成功了！谢谢普拉迪普·拉纳，但是它很慢，我怎样才能使它加载速度更快

#sidebar .widget {
      width: 300px;
      padding-top: 30px;
      position: relative;
}