滚动条默认不从顶部开始的常见原因是页面加载后执行了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 就绪。

Html2md

使用 Readability + Turndown 将 HTML 页面转换为干净的、Agent 友好的 Markdown。去除导航栏、广告、页脚、Cookie 横幅、社交按钮等干扰元素。支持 URL...

下载

• 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); });

• 这个逻辑不能只写一次——每次页面被缓存后返回都会触发，所以得确保没重复绑定

滚动条能否从第一行开始，本质是控制初始滚动偏移量，但不同环境触发时机、生效目标、浏览器策略差异很大。最麻烦的从来不是“怎么写那行代码”，而是搞清当前场景下谁在偷偷改滚动位置。