在加载完站点之前，侧边栏不显示在正确的位置。
在加载完站点之前，侧边栏不显示在正确的位置。
提问于 2015-05-20 10:50:30
我是javascript和wordpress的初学者。
我有模板Detube，我想修改它。我必须使边栏半固定和滚动无限。
那些修改已经做好了，但不像我想要的那样有效。侧边栏，在打开站点时出现在左边，几秒钟后它就恢复了在右边的位置。你可以在这里看到结果
我想解决这个问题
脚本的代码如下
jQuery(document).ready(function($) {
$=javascript.noConflict();
$(document).scroll(function() {
var scrollPosition = $(document).scrollTop();
var scrollReference = 2100;
if (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('left', 'initial');
$('#text-7').css('position', 'fixed');
$('#text-7').css('top', '550px');
$('#text-7').css('left', 'initial');
} else {
$('#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中调用脚本
function my_loader_jquery() {
if( !is_admin()){
wp_deregister_script('jquery');
wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', false, '');
wp_enqueue_script('jquery');
}
}
add_action('init', 'my_loader_jquery');
function theme_js() {
wp_enqueue_script( 'sidebar-fixe', get_template_directory_uri() . '/js/sidebar-fixe.js', array() );
wp_enqueue_script( '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;}注:请原谅我的英语。
回答 2
Stack Overflow用户
回答已采纳
发布于 2015-05-22 09:35:24
您是否尝试过在window.load()而不是ready()上调用脚本。
Stack Overflow用户
发布于 2015-05-20 11:30:36
尝试在css中添加位置：#侧栏.widget上的相对位置：
#sidebar .widget {
width: 300px;
padding-top: 30px;
position: relative;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30347496
复制相关文章
相似问题
腾讯云开发者
