码迷,mamicode.com
首页 > 其他好文 > 详细

锚点 与 scrollIntoView()

时间:2017-10-11 12:59:05      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:round   scroll   高手   blank   控制   targe   www   页面   ash   

一、锚点

  <p id="firstAnchor"> 锚点 </p>

  <a href="#firstAnchor"> 跳转 </a>

  js 控制

   1、location.href = "#firstAnchor";      // firstAnchor为锚点名称  

   2、window.location.hash = "#firstAnchor"; // firstAnchor为锚点名称

    经测试:hash只会在跳转到此页面的第一次起作用,再次刷新此页面将不起作用,而href始终起作用

二、scrollIntoView()

 参考:scrollIntoView()
 可以用来实现锚点效果:
  document.getElementById("#firstAnchor").scrollIntoView(true);
  

三、vue组件 和jQuery插件

  vue :vue-scrollto 待续;

  jQuery: 等待高手补充

 

锚点 与 scrollIntoView()

标签:round   scroll   高手   blank   控制   targe   www   页面   ash   

原文地址:http://www.cnblogs.com/mxh1099/p/7649775.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!