python - 当 Flask 返回渲染模板时自动滚动到 div

Question

我想滚动到渲染模板上的特定 div。我知道我可以添加像 #something 这样的 anchor ，但我正在渲染模板，我无法更改 url。我怎样才能做到这一点？

<div id="something">...</div>

def search():
    ...
    return render_template('search.html')  # should scroll to #something

Answer 1

您无法对服务器的响应执行任何操作，但您可以在呈现的模板上添加一个小的 JavaScript 片段，该片段会将页面滚动到您想要的位置。请参阅Element.scrollIntoView或location.hash .

# pass scroll if you want to scroll somewhere
return render_template('search.html', scroll='something')

<div id="something">
{% if scroll %}
<script>
    document.getElementById('{{ scroll }}').scrollIntoView();
    // or
    document.location.hash = '#' + '{{ scroll }}';
</script>
{% endif %}

参见How to scroll HTML page to given anchor?了解更多信息。

如果您要重定向，以便可以控制 URL，请参阅 Link to a specific location in a Flask template .