Question

我的脚本出现问题，导致我的最后一个Javascript面板textarea“重叠”到我的底部菜单栏。我计算每个面板的高度是多少面板，并在我删除页面上其他元素的高度后将其用作高度。

我已经尝试更改jquery和css来修复此问题，但仍然会导致重叠。

您可能需要近距离看，但您应该能够看到面板重叠。

这是一个帮助的jsfiddle：

enter code here

https://jsfiddle.net/Zacharyzac/8ktxeu84/

Answer 1

我想我修好了。
我刚刚更改了这是CSS：

for(int i = 0; i < shapeArray.length; i++){
    if(shapeArray[i] instanceof CircleClass){
          // print circle here
     }
 }

在JS中改变了这个：

#container {
    float: left;
    width: 100%;
    height:100%;                 // Added
    padding: 0;
    margin: 0;
}
textarea {
    resize: none;
    background-color: #F3F5F6;
    height:32%;                 // Added
}

Updated Fiddle

现在，当宽度溢出并出现水平滚动条时，它仍然重叠。

<小时/> 的修改

我通过添加以下内容来修复垂直大小调整：

$("#outputContainer, #slider").innerHeight(heightMod);
$("#inputContainer").innerHeight($("#container").height());

Jquery高度重叠我的底部菜单

1 个答案: