Javascript jQuery在加载后获得div高度的更改
当我滚动时,我需要在页眉和页脚之间固定Javascript jQuery在加载后获得div高度的更改,javascript,jquery,html,css,Javascript,Jquery,Html,Css,当我滚动时,我需要在页眉和页脚之间固定#侧边栏,这样我就有了工作正常的代码 问题是当#content中有div和display:none时,它们将通过激活一些单选按钮来显示,在这种情况下,#content高度会发生变化,但随后的代码不会发生这种变化 $(document).ready(function () { var length = $('#content').height() - $('#sidebar').height() + $('#content').offset().top
#侧边栏
,这样我就有了工作正常的代码
问题是当#content
中有div
和display:none
时,它们将通过激活一些单选按钮来显示,在这种情况下,#content
高度会发生变化,但随后的代码不会发生这种变化
$(document).ready(function () {
var length = $('#content').height() - $('#sidebar').height() + $('#content').offset().top;
$(window).scroll(function () {
var scroller = $(this).scrollTop();
var height = $('#sidebar').height() + 'px';
if (scroller < $('#content').offset().top) {
$('#sidebar').css({
'position': 'absolute',
'top': '0'
});
} else if (scroller > length) {
$('#sidebar').css({
'position': 'absolute',
'bottom': '0',
'top': 'auto'
});
} else {
$('#sidebar').css({
'position': 'fixed',
'top': '0',
'height': height
});
}
});
});
$(文档).ready(函数(){
变量长度=$(“#内容”).height()-$(“#边栏”).height()+$(“#内容”).offset().top;
$(窗口)。滚动(函数(){
var scroller=$(this.scrollTop();
变量高度=$(“#边栏”).height()+“px”;
如果(滚动条<$(“#内容”).offset().top){
$(“#侧边栏”).css({
'位置':'绝对',
“顶部”:“0”
});
}else if(滚动条>长度){
$(“#侧边栏”).css({
'位置':'绝对',
“底部”:“0”,
“顶部”:“自动”
});
}否则{
$(“#侧边栏”).css({
'位置':'固定',
“顶部”:“0”,
“高度”:高度
});
}
});
});
装载后如何获取
#内容
高度变化 嘿,在更改高度之前,请尝试添加500毫秒的超时。何时检查这些收音机?这些单选按钮由用户选择,之后页面不会重新加载!然后,当用户与收音机交互时,您需要重新分配var length
的值!高度不等于.change
?