导航实现页面内的跳转
2017-10-07 22:47
267 查看
如何实现页面内导航的跳转,三行代码搞定
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).of
4000
fset().top
}, 500);
和锚点连接的写法类似,在导航按钮添加href="#nav"
这里的nav是要跳转的页内的id,
导航按钮:<a href="#activity">活动</a>
要跳转的:<div id="activity">活动</div>
这样,就实现了页面内的跳转
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).of
4000
fset().top
}, 500);
和锚点连接的写法类似,在导航按钮添加href="#nav"
这里的nav是要跳转的页内的id,
导航按钮:<a href="#activity">活动</a>
要跳转的:<div id="activity">活动</div>
这样,就实现了页面内的跳转
相关文章推荐
- 导航控制器Navigation实现页面跳转
- Ruby on Rails,通过建立页面导航链接实现页面跳转
- Ruby on Rails,通过建立页面导航链接实现页面跳转
- 在没有导航控制器的情况下,如何实现页面的跳转
- js实现页面跳转的几种方式
- 使用js实现页面跳转的几种方式
- 采用TabHost和RadioButton实现页面导航效果
- 利用HTML的<meta>实现页面跳转
- jQuery实现页面跳转
- 使用Intent实现页面跳转
- 原生js和jQuery实现页面跳转的学习
- javascript实现倒计时跳转页面
- odoo controller实现提交页面不跳转
- JavaScript实现页面跳转的方式汇总
- HTML五类方法实现页面跳转
- Javascript实现5秒跳转到某个页面
- php 不使用js实现页面跳转
- Servlet页面跳转实现方法的区别
- 使用 present 方法实现页面返回跳转(多层返回跳转)
- cannot modify header information 关于实现widget页面跳转的问题