Question

我是JavaScript的新手，我找到了一个可以让我创建一个带有使用javascript的confettis的画布的codepen。我将javascript添加到我的项目中，但似乎画布高度太长了。我希望画布高度与左侧的列（Body）相同。看起来画布的高度是使用Javascript设置的，但我仍然是该语言的初学者，因此不确定如何将其修改为我想要的方式。非常感谢任何帮助。

MSN

Codepen：https://codepen.io/anon/pen/gomLNV

Answer 1

一种解决方案是调用此onload：

function fixSize(){

  var confeti = document.getElementById("confeti");  
  var leftSide = document.getElementById("leftSide");  
  confeti.style.height = leftSide.clientHeight + 'px';

}

当然，你必须将id leftSide添加到你想用作最大高度的元素。

公平地说，这非常简单。

Answer 2

类似于spaceninja发布的代码。

我没有弄乱你的任何一个css，只有三行js，接近他的回应：

let b = document.getElementById('b');
let c = document.getElementById('confeti');
c.style.height = b.clientHeight+'px';

https://codepen.io/anon/pen/dJvNQb

画布与左列相同

2 个答案: