测试含有两个html文件:html1.html和html2.html
html1.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html1</title> </head> <body> <a href="#a1">go html1 a1</a><br/> <a href="#a2">go html1 a2</a><br/> <a href="html2.html#a1">go html2 a1</a><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <a name="a1">html1 a1 text</a><hr/> <a name="a2">html1 a2 text</a> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> </body> </html>
html2.html
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>html2</title> </head> <body> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <a name="a1">html2 a1 text</a><hr/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/> </body> </html>
解释:
<a href="#a2">go html1 a2</a><br/>
href="#a2":表示跳到本页 name属性值为"a2"的位置.
<a href="html2.html#a1">go html2 a1</a><br/>
href="html2.html#a1":表示跳到html2.html页name属性值为"a1"的位置
相关推荐
html+js实现锚点定位的效果，点击左边菜单栏，跳到指定页面位置
在html中设置锚点定位我知道的有几种方法，在此和大家分享一下： 1、使用id定位： 复制代码代码如下: 锚点1</a> ”1F”> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 ...
锚点定位垂直滚动jQuery完美布局平滑滚动 适用浏览器：FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。 查看效果：http://www.juheweb.com/js/gddm/33.html
主要练习HTML中的锚点定位 通过创建锚点链接，用户能够快速定位到目标内容。
vue实现锚点定位功能 本文实例为大家分享了vue实现锚点定位的具体代码，供大家参考，具体内容如下 这里主要是实现了一个简单的滚动触发锚点高亮，以及点击锚点触发滚动的功能 如果是获取浏览器的滚动高度，各个...
所以在vue项目中定义一个方法不适用锚点定位： scrollToSection() { let section = document.getElementById('section') if (section) { section.scrollIntoView() } } html标签中绑定click事件就可以了 以上...
最简单的方法是锚点用标签，在href属性中写入DIV的id。如下： <!DOCTYPE html> <html> <head> <style> div { height: 800px; width: 400px; border: 2px solid black; } h2 { ...
最终效果如下：（注意需要做锚点联动的部分并不在页面的顶部而是页面的某个div内）-chrome 完成这个功能需要注意： 1、点击导航平滑滚动到导航内容处 2、div内滚动时当前导航需要做响应 代码如下： 1、html结构...
jQuery 写的html5例子程序，可以参考一下，滑动自动定位
网络上发现的案例。觉得不错就复制下来了。以便于自己改造！
2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点 跳转到a.add 3. 点击链接触发js事件，同时跳转到锚点，有两种处理方式： 第一种： 触发add函数并跳转到add锚点 第二种： ...
经典的JS特效动画效果，效果实现的全部代码已提供，可供学习借鉴
那假如我现在要求这个位置不是在顶端，而是离顶端有一定距离。 先看看我实现的方法例子： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...锚点位置偏
导航定位页面锚点官网.zip
html页面内可以设置锚点，锚点定义 Html代码 ...跳至（定位到）某个固定锚点的办法 1、location.href = “#firstAnchor”; // firstAnchor为锚点名称 2、[removed].hash = “#firstAnchor”; // firs
本文介绍了JS如何实现在页面上快速定位（锚点跳转问题），分享给大家，具体如下： 1. 锚点跳转简介 锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。 锚点跳转有两种形式： a标签 + ...
增强锚为<a> html标签提供了一些增强功能
监听$location.hash()并且滚动到url指定的锚点的地方。 可以通过$anchorScrollProvider.disableAutoScrolling()禁用。 依赖：$window $location $rootScope 使用：$anchorScroll([hash]);hash 将会指定元素滚动到的...
平时我们做导航滚动到内容都是通过锚点来做，刷的一下就直接跳到内容了，没有一丝的滚动效果，而且 url 链接最后会有“小尾巴”，就像#keleyi，今天我就介绍一款 jquery 做的滚动的特效，既可以设置滚动速度，又可以...