css div滚动到一般的时候 自动滑动到页面顶部 怎么写

要实现当`div`滚动到一半时自动滑动到页面顶部的效果，通常需要结合JavaScript（或jQuery）来监听滚动事件并根据滚动的位置来决定是否执行回到顶部的操作。以下是一个简单的实现方法，这里以原生JavaScript为例：

1. 首先，你需要获取到`div`的引用以及页面中的`body`元素。
2. 然后，你可以添加一个滚动事件监听器到`div`。
3. 在事件处理函数中，计算`div`当前的滚动位置，如果滚动位置超过了一半，就通过设置`body`的`scrollTop`属性使其回到顶部。

示例代码如下：

// 获取div元素的引用
var myDiv = document.getElementById('myDiv');
// 监听滚动事件
myDiv.addEventListener('scroll', function() {
    // 检查滚动位置是否超过一半的高度
    if (myDiv.scrollTop > myDiv.offsetHeight / 2) {
        // 如果超过，则滚动到页面顶部
        document.body.scrollTop = 0;
        // 或者，如果你想让div回到顶部，而不是整个页面，则使用下面的代码
        // myDiv.scrollTop = 0;
    }
});

在CSS中，你可以设置`div`的样式，确保它在滚动的时候不显示滚动条，或者根据需要显示滚动条：

#myDiv {
    width: 300px;
    height: 500px;
    overflow: auto; /* 如果不需要滚动条可以设置为 'hidden' */
}

HTML部分可能是这样的：

<div id="myDiv">
    <!-- 内容 -->
</div>