导航实现页面内的跳转
来源:互联网 发布:安装的软件 编辑:程序博客网 时间:2024/05/21 07:47
如何实现页面内导航的跳转,三行代码搞定
$('html, body').animate({
scrollTop: $($.attr(this, 'href')).offset().top
}, 500);
和锚点连接的写法类似,在导航按钮添加href="#nav"
这里的nav是要跳转的页内的id,
导航按钮:<a href="#activity">活动</a>
要跳转的:<div id="activity">活动</div>
这样,就实现了页面内的跳转
阅读全文
0 0
- 导航实现页面内的跳转
- JS实现页面内跳转
- 使用JS实现页面内跳转的两种方式
- 导航控制器Navigation实现页面跳转
- bootstrap固定导航条导致页面内跳转被覆盖的解决办法
- 如何在页面内实现跳转
- AJAX-实现页面内跳转实例
- 跳转页面的实现
- 页面搜索框--在页面内实现导航
- 在没有导航控制器的情况下,如何实现页面的跳转
- 一个简单的jquery页面内跳转
- 禁止iframe内的页面跳转
- 同一页面内的位置跳转(锚跳转)
- 页面内跳转
- jsp页面内跳转
- html页面内跳转
- 网页页面内跳转
- 实现页面内的指定位置跳转 HTML标记语言:锚点的使用
- 继承
- 10月7日 c语言 函数的递归调用 有5个学生坐在一起,问第五个学生多少岁,比第四个大2岁……最后问第一个学生,他说是10岁
- JSP代码练习(七)
- 01-学习-HTML
- 滞后-超前或者超前滞后
- 导航实现页面内的跳转
- 310. Minimum Height Trees
- 350_LeetCode_350 Intersection of Two Arrays II 题解
- maven异常001---报错The folder is already a source folder.的解决办法
- Netty学习之旅(一)
- JavaScript基础
- 算法奥秘之数组实现开灯问题、蛇形填数
- ARM指令CMP详解
- STM32-寻址最大为4G