滚动条默认不从顶部开始的常见原因是页面加载后执行了scrollto、scrollintoview、autofocus或css scroll-margin-top等操作；强制回到顶部应使用window.scrollto({top:0,left:0,behavior:'auto'})，在domcontentloaded中调用，并注意框架渲染时机及ios safari的pageshow事件处理。
滚动条默认不从顶部开始的常见原因
页面加载后滚动条停在中间或底部，通常不是浏览器“记住了位置”，而是页面本身触发了滚动行为。最常见的是 window.scrollTo()、element.scrollIntoView() 或框架（如 React）里对 ref 的自动聚焦/滚动；也可能是页面有带 autofocus 的表单元素，或者 CSS 里写了 scroll-margin-top 导致锚点跳转偏移。
强制让滚动条回到顶部的可靠写法
别依赖 body.scrollTop = 0 —— 它在某些浏览器（尤其 Safari）或文档模式下无效。优先用标准 API：
-
window.scrollTo({ top: 0, left: 0, behavior: 'auto' })：最稳妥，behavior: 'auto'避免意外动画干扰首屏渲染 - 如果只针对文档主体，用
document.documentElement.scrollTop = 0（注意是documentElement，不是body） - 在
DOMContentLoaded里调用，别等到load——图片等资源加载完成前就该归位
Vue/React 等框架中容易忽略的时机问题
框架组件挂载时，DOM 可能还没真正渲染完成，直接调用 scrollTo 会失效。例如 Vue 的 mounted 钩子、React 的 useEffect 默认回调，都可能早于真实 DOM 就绪。
JTBC网站内容管理系统5.0.3.1
下载
JTBC CMS(5.0) 是一款基于PHP和MySQL的内容管理系统原生全栈开发框架，开源协议为AGPLv3，没有任何附加条款。系统可以通过命令行一键安装，源码方面不基于任何第三方框架，不使用任何脚手架，仅依赖一些常见的第三方类库如图表组件等，您只需要了解最基本的前端知识就能很敏捷的进行二次开发，同时我们对于常见的前端功能做了Web Component方式的封装，即便是您仅了解HTML/CSS也
- Vue：加一层
nextTick，比如this.$nextTick(() => window.scrollTo(0, 0)) - React：用
useLayoutEffect替代useEffect，它在浏览器绘制前同步执行 - 如果用了路由（如 Vue Router / React Router），检查是否启用了
scrollBehavior，它可能覆盖你的手动滚动
移动端 Safari 的特殊表现
iOS Safari 在页面返回时会“恢复滚动位置”，即使你写了 scrollTo(0, 0)，也可能被浏览器缓存覆盖。这不是 bug，是它的导航优化机制。
立即学习“前端免费学习笔记（深入）”；
- 必须在
pageshow事件里拦截，判断event.persisted === true时再强制滚动 - 示例：
window.addEventListener('pageshow', e => { if (e.persisted) window.scrollTo(0, 0); }); - 这个逻辑不能只写一次——每次页面被缓存后返回都会触发，所以得确保没重复绑定
