当内容超出可用高度时进行div滚动

，可以通过CSS样式和JavaScript来实现。

首先，需要设置div的固定高度和overflow属性为auto或scroll，以便超出高度的内容可以被滚动显示。例如：

<div style="height: 200px; overflow: auto;">
  <!-- 超出高度的内容 -->
</div>

这样，当内容超出div的高度时，会自动显示滚动条，用户可以通过滚动条来查看全部内容。

如果希望在滚动时有更好的用户体验，可以使用自定义样式美化滚动条，例如使用CSS的::-webkit-scrollbar伪类来设置滚动条的样式。具体的样式设置可以参考相关的CSS教程和文档。

另外，如果希望在页面加载时自动滚动到指定位置，可以使用JavaScript的scrollTop属性来设置div的滚动位置。例如：

var div = document.getElementById("myDiv");
div.scrollTop = 100; // 滚动到100像素的位置

这样，页面加载时会自动将div滚动到指定位置。

总结起来，当内容超出可用高度时进行div滚动，需要设置div的固定高度和overflow属性，并可以通过自定义样式和JavaScript来进一步优化滚动效果和滚动位置。