向下滚动或打开链接

Question

通过努力，我在单击特定菜单项时使 A 向下滚动到特定的 div，我遇到的问题是在另一个菜单项 contact 中打开另一个页面 contact.html。使用href="{% url 'contact' %}"时不起作用

<div class="main-menu mean-menu float-right">
    <nav>
        <ul>
            <li class="active"><a href="#hero-area">home</a></li>
            <li><a href="#feature-area">about<i class="icofont"></i></a></li>
            <li><a href="#gallery-area">gallery<i class="icofont"></i></a></li>
            <li><a href="#instructor-area">services<i class="icofont"></i></a></li>
            <li><a href="{% url 'blog' %}">blog<i class="icofont"></i></a>
                <ul>
                    <li><a href="{% url 'blog' %}">Blog</a></li>
                    <li><a href="blog-details.html">Blog Details</a></li>
                </ul>
            </li>
            <li><a href="{% url 'contact' %}">contact</a></li>
        </ul>
    </nav>
</div>

.JS 代码

$('.main-menu ul li a').on('click', function(e) {
  e.preventDefault()
  $('html, body').animate(
    {
      scrollTop: $($(this).attr('href')).offset().top,
    },
    500,
    'linear'
  )
})
var menuLi = $('.main-menu ul li');
menuLi.on('click', function(){
    var currLink = $(this);
    if( menuLi.hasClass('active') ){
        menuLi.removeClass("active");
        currLink.addClass('active');
    }
});

查看

def contact(request):
return render(request, 'sc_drive/contact.html')

网址

path('contact', views.contact, name='contact'),

Answer 1

很简单，去掉这段代码就可以了

e.preventDefault()