javascript - 如何让 Flask 滚动到页面的一部分？

Question

我的网站有一个包含多个部分的页面。它具有如下所示的链接，可将用户滚动到指示的部分。

<a href="#section">Section</a>

输入 www.my-site.com#section 也可以。

如何在调用 render_template('page.html') 时让 Flask 滚动到页面的某个部分？有没有办法做类似的事情

render_template('page.html', section=section)

然后在html中做

{% if section %}
scroll_to_section
{% endif %}

?我真的不知道该如何处理。任何帮助都感激不尽。谢谢!

Answer 1

假设您已经在页面中加载了 jquery:

添加这个:

{% if section %}
<script>
    $(function() {
       $("html, body").animate({ scrollTop: $("#{{ section }}").offset().top }, 500);
    });
</script>
{% endif %}

这将在页面加载后执行滚动。它将以 500 毫秒的延迟滚动到 ID 为 section 的元素的顶部。