因为最近在开发angular,自己有路由 用window.location跳到默认路由,查了半天用angular方式不好解决 ,so 原生走起

START

scrollIntoView是一个与页面(容器)滚动相关的API(官方解释),该API只有boolean类型的参数能得到良好的支持(firefox 36+都支持),所以在这里只讨论参数Boolean类型的情况。

EXPLAIN

调用方法为 element.scrollIntoView() 参数默认为true。

参数为true时调用该函数,页面(或容器)发生滚动,使element的顶部与视图(容器)顶部对齐;

参数为false时,使element的底部与视图(容器)底部对齐。

TIPS:页面(容器)可滚动时才有用!

EXAMPLE

document.getElementById("view").scrollIntoView();
  • 1

document.getElementById("view").scrollIntoView(false);
  • 1

END

scrollIntoView可以说是URL中hash标记的进化,那么它在什么时候用到呢?想想hash(也就是#xxx)的作用吧!

下图展示的是我对scrollIntoView的一种应用

最新文章

  1. des (C语言)
  2. I’m Sure It Will Only Take You A Few Days To Code
  3. VS 2015 localhost访问有效 改用 IP访问 400错误 invalid hostname 修改方法
  4. 利用bootstrap的modal组件自定义alert,confirm和modal对话框
  5. 编译原理之lex,yacc学习
  6. TP缓存设计方案解析
  7. POJ3111 K Best(另类背包+二分+变态精度)
  8. [ZooKeeper研究]二 ZooKeeper协议介绍
  9. Flash Builder常用快捷键
  10. 组态Log4j(非常具体的)
  11. js实现超出一定字数隐藏并用省略号"..."代替,点击后又可进行展开和收起,
  12. 对于jQuery的了解
  13. jmeter 获取登录token
  14. MUI框架开发HTML5手机APP(二)--页面跳转传值&底部选项卡切换
  15. JS设计模式(11)中介者模式
  16. 20171018 微信小程序客户端数据和服务器交互
  17. flask设置cookie,设置session,模拟用户认证、模拟管理后台admin、模拟用户logout
  18. volatile 的一个经典例子
  19. 格式化字符串函数sprintf
  20. ARC中用代码检测一个对象有没有释放掉

热门文章

  1. JAVA9新特性——JShell使用笔记
  2. python win32api 如何用代码模拟点击网页confirm框的确定按钮
  3. Django本地开发,引用静态文件,火狐浏览器不能访问静态文件,谷歌浏览器却能访问静态文件
  4. redis简介(未完成)
  5. 使用ajax判断登录用户名
  6. 力扣(LeetCode)728. 自除数
  7. Spark之standalone模式
  8. 学习笔记31—endnote设置
  9. Python全栈开发-Day6-面向对象编程
  10. Shell脚本中的并发(转)