Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery在加载后获得div高度的更改_Javascript_Jquery_Html_Css - Fatal编程技术网

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