Chrome 不保留后退按钮上的滚动位置
Chrome not retaining scroll position on back button
在大多数(静态)网站上,浏览器在返回上一页时会保留用户之前的滚动位置。
在我的网站上,默认情况下,Firefox、Safari 和 Edge 都表现出这种行为。但是 Chrome 没有。为什么?
我的应用程序是基于 tornado 构建的,我们使用 jinja2 来呈现静态页面,所以我预计不会因为 AJAX-heavy 网络框架而出现问题。
我已经尝试修改缓存 headers 以查看是否是缓存问题,正如建议的那样 here,但没有成功。我也没有 post.
中建议的 overflow: auto
问题
这是我的回复headers:
HTTP/1.1 200 OK
Date: Fri, 09 Nov 2018 18:11:20 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: *
Etag: W/"<etag>"
Cache-Control: private
Content-Encoding: gzip
<facepalm>
我将焦点放在屏幕顶部的页面加载上,这导致 Chrome 滚动到该元素。不确定为什么 Firefox/Safari/Edge 表现不同。
在大多数(静态)网站上,浏览器在返回上一页时会保留用户之前的滚动位置。
在我的网站上,默认情况下,Firefox、Safari 和 Edge 都表现出这种行为。但是 Chrome 没有。为什么?
我的应用程序是基于 tornado 构建的,我们使用 jinja2 来呈现静态页面,所以我预计不会因为 AJAX-heavy 网络框架而出现问题。
我已经尝试修改缓存 headers 以查看是否是缓存问题,正如建议的那样 here,但没有成功。我也没有 post.
中建议的overflow: auto
问题
这是我的回复headers:
HTTP/1.1 200 OK
Date: Fri, 09 Nov 2018 18:11:20 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Server: *
Etag: W/"<etag>"
Cache-Control: private
Content-Encoding: gzip
<facepalm>
我将焦点放在屏幕顶部的页面加载上,这导致 Chrome 滚动到该元素。不确定为什么 Firefox/Safari/Edge 表现不同。