Javascript 如何防止浏览器在渲染时滚动到顶部
如何防止浏览器在渲染时滚动到顶部?这可以通过限制网络连接在网站上或通过在页面呈现前向下滚动来复制Javascript 如何防止浏览器在渲染时滚动到顶部,javascript,reactjs,gatsby,Javascript,Reactjs,Gatsby,如何防止浏览器在渲染时滚动到顶部?这可以通过限制网络连接在网站上或通过在页面呈现前向下滚动来复制 禁用JS时不会发生这种情况。我相信这只是盖茨比的问题。这最终成为盖茨比的一个漏洞,可以在以下位置进行跟踪 解决这个问题的一种方法是在安装组件之前禁用滚动,然后重新启用它。这可以通过以下样式更改来完成: // styles.css body { overflow: hidden; } // Component.js componentDidMount () { document.body.s
禁用JS时不会发生这种情况。我相信这只是盖茨比的问题。这最终成为盖茨比的一个漏洞,可以在以下位置进行跟踪 解决这个问题的一种方法是在安装组件之前禁用滚动,然后重新启用它。这可以通过以下样式更改来完成:
// styles.css
body {
overflow: hidden;
}
// Component.js
componentDidMount () {
document.body.style.overflow = 'auto'
}
也许这会对history.scrollRestoration=“manual”在我的例子中,我通过添加
gatsby browser.js
withexports.shouldUpdateScroll=()=>false解决了这个问题