Javascript 使用变量-jquery调整div margin top
我有一个diva,它的高度是使用jquery自动计算的Javascript 使用变量-jquery调整div margin top,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个diva,它的高度是使用jquery自动计算的 $(window).load(function(){ $(window).resize(function(){ var height = $(this).height() - $("#header").height() + $("#footer").height() - 35 $('#content').height(height); }) $(window).resize(); }); 我还有一个id为conte
$(window).load(function(){
$(window).resize(function(){
var height = $(this).height() - $("#header").height() + $("#footer").height() - 35
$('#content').height(height);
})
$(window).resize();
});
我还有一个id为content2
的div,我想将变量var height
中存储的值设置为其边距顶部。我该怎么做
提前感谢…:)
blasteralfred使用.css()
方法
$('#content2').css('margin-top',height);
$(window).load(function(){
$(window).resize(function(){
var height = $(this).height() - $("#header").height() + $("#footer").height() - 35
$('#content').height(height);
$('#content2').css('marginTop', height); // <-- set here
});
$(window).resize();
});
$(窗口).load(函数(){
$(窗口)。调整大小(函数(){
var height=$(this).height()-$(“#页眉”).height()+$(“#页脚”).height()-35
$('内容')。高度(高度);
$(“#content2').css('marginTop',height);//使用.css()
方法
$(window).load(function(){
$(window).resize(function(){
var height = $(this).height() - $("#header").height() + $("#footer").height() - 35
$('#content').height(height);
$('#content2').css('marginTop', height); // <-- set here
});
$(window).resize();
});
$(窗口).load(函数(){
$(窗口)。调整大小(函数(){
var height=$(this).height()-$(“#页眉”).height()+$(“#页脚”).height()-35
$('内容')。高度(高度);
$('#content2').css('marginTop',height);////计算所需偏移的高度
var height = $('.navbar-fixed-top').height() + $('.navbar-static-top').height() + 70;
//然后单击导航栏选项卡,根据窗口顶部更改div的偏移
$('#r_overview').click(function () {
$(window).scrollTop(($('#hackathon_overview').offset().top)-height);
});
$('#r_rules').click(function () {
$(window).scrollTop(($('.rules_row').offset().top)-height);
});
希望这有助于计算所需偏移的高度
var height = $('.navbar-fixed-top').height() + $('.navbar-static-top').height() + 70;
//然后单击导航栏选项卡,根据窗口顶部更改div的偏移
$('#r_overview').click(function () {
$(window).scrollTop(($('#hackathon_overview').offset().top)-height);
});
$('#r_rules').click(function () {
$(window).scrollTop(($('.rules_row').offset().top)-height);
});
希望这有帮助,你不需要$(窗口)。resize();
这太傻了,除非你真的需要它在加载时发生,而且它应该是$(文档)。ready();
@Val:为什么他不需要它在加载时也发生?真正的WTF是他没有用某个名称调用内部函数,而不是直接调用事件。@tomalak我指的是最后一个$(窗口)。resize()
这会触发他在其上方创建的窗口大小调整功能。因为他可以使用css在窗口加载时提供页边空白顶部,这太愚蠢了,因为javascript可以在以后保存更多指令,而你完全忘记了它,你需要花很长时间才能意识到为什么明天的其他东西不能像它那样工作should@Val字体我知道你会id。也许你没有注意到,当页面布局改变时,他需要更改页边距顶部
。@tomalek当窗口调整大小时,他会这样做,在窗口加载时,他应该使用css,使其具有正确的初始高度。当窗口改变大小时,不会触发你刚刚创建的内容$(窗口)。调整大小(…)
函数被触发了您不需要$(窗口)。resize();
这太傻了,除非您真的需要它在加载时发生,并且它应该是$(文档)。ready();
@Val:为什么他不需要它在加载时也发生?真正的WTF是他没有用某个名称调用内部函数,而不是直接调用事件。@tomalak我指的是最后一个$(窗口)。resize()
这会触发他在其上方创建的窗口大小调整功能。因为他可以使用css在窗口加载时提供页边空白顶部,这太愚蠢了,因为javascript可以在以后保存更多指令,而你完全忘记了它,你需要花很长时间才能意识到为什么明天的其他东西不能像它那样工作should@Val字体我知道你会id。也许你没有注意到,当页面布局改变时,他需要更改页边距顶部
。@tomalek当窗口调整大小时,他会这样做,在窗口加载时,他应该使用css,使其具有正确的初始高度。当窗口改变大小时,不会触发你刚刚创建的内容$(窗口)。调整大小(…)
功能被触发.css('margin-top',height)< /代码>更好,因为它可能不工作,跨浏览器<代码> MultIOPop @ Valman实际上<代码> MangTopOp/Cuth>是JS样式属性符号。<代码>空白顶部< /代码>在正常JS中无效,因为中间有一个<代码> ->代码。jQuery知道并将其归一化。jQuery本身使用<代码> MangTopOP/COD> >我使用<代码>空白顶部。是否存在任何问题???.css('margin-top',height)< /代码>更好,因为它可能不工作,跨浏览器<代码> MultIOPop @ Valman实际上<代码> MangTopOp/Cuth>是JS样式属性符号。<代码>空白顶部< /代码>在正常JS中无效,因为中间有一个<代码> ->代码。jQuery知道并将其归一化。jQuery本身使用<代码> MangTopOP/COD> >我使用<代码>空白顶部。有什么问题吗??