Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何防止浏览器在渲染时滚动到顶部_Javascript_Reactjs_Gatsby - Fatal编程技术网

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
with
exports.shouldUpdateScroll=()=>false解决了这个问题