当重新加载一个页面时，它是如何自动保留页面的滚动位置的？

当重新加载一个页面时，页面的滚动位置可以通过以下几种方式自动保留：

1. 使用浏览器的缓存机制：浏览器会将页面的一些数据缓存在本地，包括滚动位置。当重新加载页面时，浏览器会尝试从缓存中恢复页面的状态，包括滚动位置。
2. 使用JavaScript和浏览器的API：开发者可以使用JavaScript和浏览器的API来保存和恢复页面的滚动位置。例如，可以使用window.scrollY获取当前页面的滚动位置，并将其保存在浏览器的本地存储（如localStorage或sessionStorage）中。当页面重新加载时，可以从本地存储中读取滚动位置，并使用window.scrollTo将页面滚动到相应位置。
3. 使用URL参数：开发者可以将当前页面的滚动位置作为URL参数传递给重新加载的页面。例如，可以将滚动位置作为锚点（anchor）添加到URL中，如http://example.com/page#scroll=200。重新加载页面时，可以通过解析URL参数获取滚动位置，并使用JavaScript将页面滚动到相应位置。

总结起来，页面重新加载时自动保留滚动位置可以通过浏览器的缓存机制、JavaScript和浏览器的API以及URL参数等方式实现。具体的实现方式可以根据具体的需求和技术栈选择适合的方法。