javascript - 向下滚动或打开链接
问题描述
通过努力工作,我div
在单击特定菜单项时使 A 向下滚动到特定位置,我遇到的问题是在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'),
解决方案
很简单,去掉这段代码就可以了
e.preventDefault()
推荐阅读
- python-3.x - 使用 tensorflow(keras)进行深度学习中的 CPU-GPU 配置是什么意思?
- javascript - 列表不保留 C# 模型上的值
- node.js - 有什么方法可以使后端不必在 Node JS 中多次请求数据库获取数据?
- nginx - 无法对 Nginx 子目录进行密码保护
- java - A* 寻路游戏系统退出问题
- mysql - 姓氏的销售人员列表详细信息的第三个字母为“l”。按名字降序排列结果
- html - 为什么溢出-y 可能会影响 flex 中的水平布局?
- php - 带有嵌套的帖子类型的 Foreach 循环 If Else If Not Complete Process
- python - psycopg2 的构建轮失败
- angular - Angular - 构建组件库,一次可以导入一个组件