要通过CSS使DIV在滚动时保持固定位置，可以使用 position: fixed 属性。结合JavaScript的滚动事件，可以实现滚动到指定位置时DIV固定显示。
首先，在HTML中创建需要固定位置的DIV元素，并为其设置ID：
〓〓html代码如下：〓〓
<div id="fixedDiv">Fixed Content</div>
然后，在CSS样式表中为该DIV添加样式，设置其初始状态为非固定位置：
〓〓css代码如下：〓〓
#fixedDiv {
position: relative;
}
接下来，使用JavaScript监听滚动事件，并根据滚动位置切换DIV的位置状态。当滚动到指定位置时，将DIV的位置状态修改为固定位置：
〓〓javascript代码如下：〓〓
window.addEventListener("scroll", function() {
var div = document.getElementById("fixedDiv");
var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
if (scrollPosition >= 200) { // 设置滚动到200像素时固定
div.style.position = "fixed";
div.style.top = "0";
} else {
div.style.position = "relative";
}
});
上面给出的代码中，滚动事件监听器会获取滚动位置（ scrollPosition ），如果滚动位置大于等于200像素，则将DIV的位置设为固定（ position: fixed ）并设置顶部位置为0。否则，将DIV的位置设为相对位置（ position: relative ），使其恢复原始的文档流布局。
通过这种方式，可以在滚动时使DIV在指定位置保持固定。请根据自己的需求修改代码中的滚动位置和DIV的样式。