Question

我有一个两页的Django网站。我有一个模型，可以使用不同的名称创建不同的元素，例如：第1节，第2节，第3节等。我组合了一个Navbar，将这些元素添加到Navbar中。

当我进入index.html时，我想单击“ Section 1”，然后向下平滑滚动到ID为#sectionone的Section 1，每个部分都一样。但是，另外，当我进入section.html（每个部分的模板）时，我想单击Section 1并转到index.html＃section1 ALSO WITH SMOOTH SCROLL。如何使用JQuery或JS或任何方法执行此操作？我看到有多个解决方案可以有效地平滑滚动，但只能在单个页面网站上进行，所以我想知道是否可以在多个页面上实现。

index.html

  <nav class="nav-main">
    <a href="{% url 'index' %}" id="logo"><img src="{% static 'main/img/logo.png' %}" alt=""></a> <!-- Logo -->
    <ul class="nav-links">
      {% for PostSection in postsections %}
      <li><a href="{% url 'index' %}#{{ PostSection.section_heading }}">{{ PostSection.section_heading }}</a></li>
      {% endfor %}
      <li><a href="#about-me">About Me</a></li>
      <li><a href="#contact">Contact</a></li>
    </ul>
    <div class="burger">
      <div class="line1"></div>
      <div class="line2"></div>
      <div class="line3"></div>
    </div>
  </nav>

urls.py

path("<str:section_heading>/<slug:slug>/", views.postsectiondefault, name="postsectiondefault")

谢谢！

jQuery平滑滚动到外部锚链接Django

0 个答案: