Javascript jQuery高度中断 看看这个:

Javascript jQuery高度中断 看看这个:,javascript,jquery,resize,window,Javascript,Jquery,Resize,Window,尝试垂直调整结果的大小:之后两列将正确滚动 接下来水平调整大小,然后再次尝试垂直调整大小:请注意,列不再与视口高度相等,无法正确滚动。 我不明白这里发生了什么 我的javascript看起来很简单: function setHeight() { $('.panel').height( $(window).height() ); } $(window).load(setHeight).resize(setHeight); ​ 有人知道这是什么原因吗?有什么办法吗?使用高度:100%而

  • 尝试垂直调整结果的大小:之后两列将正确滚动

  • 接下来水平调整大小,然后再次尝试垂直调整大小:请注意,列不再与视口高度相等,无法正确滚动。

  • 我不明白这里发生了什么

    我的javascript看起来很简单:

    function setHeight() {
         $('.panel').height( $(window).height() );
    }
    
    $(window).load(setHeight).resize(setHeight);
    

    有人知道这是什么原因吗?有什么办法吗?

    使用
    高度:100%而不是
    高度:继承上滚动
    divs

    使用
    高度:100%而不是
    高度:继承.scroll
    divs

    jQuery resize工作正常,因为“div.panel”的高度正确。它是“div.panel”的内部div,其高度不正确。
    设置子项高度将解决问题,因为“div.panel”的高度正确,所以修改后的jQuery resize工作正常。它是“div.panel”的内部div,其高度不正确。
    设置儿童身高将解决修改后的问题

    jQuery工作正常<代码>。面板的高度设置正确。但是,它的子级根本没有被设置。

    jQuery工作正常<代码>。面板的高度设置正确。但是,它的子级根本没有被设置。

    您的事件是由resize触发的,只需放置console.log即可。我不知道为什么,但这项工作

    您的事件是由resize触发的,只需放置console.log即可。我不知道为什么,但这项工作

    在webkit中有一个错误,显示:表格(-cell)和调整大小,请参阅

    我会暂时远离展示台


    编辑:在阅读了更多内容后,我不确定这是否适用于你的情况。但是,对我来说,在测试了相当一段时间后,它确实感觉像webkit中某种类型的bug(比如:它坏了,在一些元素检查之后,事情似乎又正常了…

    webkit中有一个bug,显示:表格(-cell)和调整大小,请参见

    我会暂时远离展示台


    编辑:在阅读了更多内容后,我不确定这是否适用于你的情况。但对我来说,经过一段时间的测试后,它确实感觉像是某种webkit中的一个bug(比如:它坏了,经过一些元素检查,事情似乎又正常了……)

    Protip:当你使用一个流行的库来做一件基本的事情时,它的行为并不像你期望的那样,你不太可能是第一个注意到这个“bug”的人——更可能的是你的代码中有bug,或者你对函数的期望是错误的。也就是说,我不知道它为什么会这样做。我同意这似乎有点奇怪。我已经使用jQuery很长时间了,在过去的一个小时里,我一直在搜索和潜入jQuery脚本,但这毫无意义。当然,我不是唯一一个尝试这样做的人,但是我不明白为什么脚本应该完全相同isnt@JamesKyle:没关系,一开始我没有看到高度问题,我以为是滚动或什么问题:)我现在看到了问题,并在回答中添加了一个修复。抱歉造成混淆。Protip:当你使用一个流行的库来做一件基本的事情,而它的行为与你期望的不一样时,你极不可能是第一个注意到这个“bug”的人——很可能你的代码中有bug,或者你对函数的期望是错误的。也就是说,我不知道它为什么这么做。我同意这似乎有点奇怪。我已经使用jQuery很长时间了,在过去的一个小时里,我一直在搜索和潜入jQuery脚本,但这毫无意义。当然,我不是唯一一个尝试这样做的人,但是我不明白为什么脚本应该完全相同isnt@JamesKyle:没关系,一开始我没有看到高度问题,我以为是滚动或什么问题:)我现在看到了问题,并在回答中添加了一个修复。很抱歉给你带来了困惑。