触碰div高度向上增加

你可以使用JavaScript来实现触碰div高度向上增加的效果。具体实现可以按照以下步骤进行：

1. 获取目标div的高度和初始高度。
2. 使用JavaScript添加鼠标移入事件，当鼠标移入目标div时，将其高度加上一个固定值，比如50px。
3. 使用JavaScript添加鼠标移出事件，当鼠标移出目标div时，将其高度恢复到初始高度。

以下是一个简单的实现示例：

HTML代码：

<div id="target-div" style="height: 100px; background-color: #ccc;">
  <p>这是一个目标div</p>
</div>

JavaScript代码：

const targetDiv = document.getElementById('target-div');
const initHeight = targetDiv.offsetHeight;
const heightIncrease = 50;

targetDiv.addEventListener('mouseenter', function() {
  targetDiv.style.height = initHeight + heightIncrease + 'px';
});

targetDiv.addEventListener('mouseleave', function() {
  targetDiv.style.height = initHeight + 'px';
});

在上述示例中，我们首先获取了目标div的初始高度，并定义了每次触碰时增加的高度。然后通过添加mouseenter和mouseleave事件来实现触碰div高度向上增加的效果。当鼠标移入目标div时，我们将其高度加上一个固定值，当鼠标移出时，将其高度恢复到初始高度。