不是显示隐藏，是滚动到顶部的时候固定显示，滚动下来后又回到原位

好的，那么以下是一个实现滚动到顶部时固定显示的JavaScript代码示例： ```javascript // 获取页面上的元素 const fixedDiv = document.querySelector('.fixed'); const contentDiv = document.querySelector('.content'); // 监听页面滚动事件 window.addEventListener('scroll', () => { // 获取当前滚动位置 const scrollPosition = window.scrollY; // 如果滚动位置超过了内容区域顶部，则将固定div显示出来 if (scrollPosition >= contentDiv.offsetTop) { fixedDiv.style.position = 'fixed'; fixedDiv.style.top = '0'; } else { fixedDiv.style.position = 'static'; } }); ``` 这段代码会监听页面滚动事件，并根据滚动位置判断是否需要将固定div固定在页面顶部。具体实现方式是通过获取页面上的元素，然后在滚动事件中计算滚动位置并设置固定div的CSS样式。当滚动位置超过内容区域顶部时，将固定div的`position`属性设置为`fixed`，并将`top`属性设置为`0`，这样就可以将固定div固定在页面顶部。当滚动位置回到内容区域顶部时，将固定div的`position`属性设置为`static`，这样就可以将固定div恢复到原位。