博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
锚点 与 scrollIntoView()
阅读量:6713 次
发布时间:2019-06-25

本文共 496 字,大约阅读时间需要 1 分钟。

一、锚点

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

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

  js 控制

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

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

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

二、scrollIntoView()

参考:  可以用来实现锚点效果:   document.getElementById("#firstAnchor").scrollIntoView(true);  详细介绍API https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView   

三、vue组件 和jQuery插件

  vue :vue-scrollto 待续;

  jQuery: 等待高手补充

 

转载地址:http://tghlo.baihongyu.com/

你可能感兴趣的文章
softlayer
查看>>
python各种模块,迭代器,生成器
查看>>
CSS颜色
查看>>
Lunar Lander 月球冒险
查看>>
复习日记-xml/tomcat/response/request
查看>>
Java 关键字final的一小结
查看>>
tp5的include 标签 不能用了么
查看>>
php禁止某ip或ip地址段访问的方法(转载)
查看>>
超级菜鸟的Python之路--前传一
查看>>
设置input框文字垂直居中和宽度
查看>>
WinForm笔记
查看>>
js 获取时间不能大于当前系统时间
查看>>
vue公共
查看>>
LeetCode 191. Number of 1 Bits Question
查看>>
关于前端的大致简介!
查看>>
面向对象设计模式总结
查看>>
JAVA 实用插件
查看>>
Matlab与C++混合编程(依赖OpenCV)
查看>>
BZOJ 4822 [Cqoi2017]老C的任务 ——树状数组
查看>>
Centos上虚拟机搭建
查看>>