如何在 django 页面加载之前自动滚动网页？

Question

我在我的一个项目中使用了顶部滚动。

下面是我的 urls.py :-

urlpatterns = [
url(r'^(?i)$','project.views.home', name="home"),
url(r'^(?i)all/$','project.views.about', name="about"),
url(r'^(?i)blog/$','project.views.blog', name="blog"),
url(r'^(?i)contact/$', 'project.views.contact', name="contact")

现在，我在页面中有一个横幅，下面有 3 个类别：关于、博客和联系人。

当我打开主页时，横幅显示在下面，其中显示了 3 个类别，并且“关于”悬停显示（如带有下划线的粗体文本）。现在，当我单击 about 时，页面会在横幅下方向上滚动。以下是我使用的 JS 代码：-

if((urlPath.match(/\/all//i)))
 {
 $(function() {
     $('html, body').animate({
        scrollTop: $('.banner').height()}, 400);
        });
 }

P.S：banner 是包含图片的类名

现在类别部分出现在页面顶部。

现在我想要的是，如果我选择博客或联系人，它们会自动滚动到顶部，就像目前如果在上面的条件下我给出博客和联系人的部分，滚动再次发生。有什么帮助吗？

Answer 1

你可以给你的所有链接一个通用的类和数据属性，比如：

<a href="..." class="scroll-link" data-scroll-to="ID_of_element_you_want_to_scroll_to">...</a>

然后你可以在页面加载时使用它：

$('.scroll-link').click(function() {
    var scrollTo = $(this).data('scroll-to');
    $('html, body').animate({
        scrollTop: $('#' + scrollTo).offset().top}, 400);
    });
});