锚点定位距离_按指定锚位抛锚

文章导读:

• 1、锚点设在代表锚点在哪个位置
• 2、html中设置锚点定位的几种常见方法
• 3、急求！锚点连接点击后定位问题，它必须要定到页面顶端，难道不能改吗？
• 4、关于锚点定位的问题
• 5、ps钢笔锚点可以输入设定吗？比如.这个锚点左边离画布边缘30mm，上边离画布边缘50mm，
• 6、锚点链接定位距离顶部问题，急急急，在线等

锚点设在代表锚点在哪个位置

例如我们在做一个很长的网页时，需要在页面内做一个导航，点击导航里的链接不是新开一个窗口或者跳转到其他网址，而是跳转到当前页的某一个位置。那么所要跳转到的那个位置，我们就叫做锚点，它是一种在页面内部定位的方式。

设置锚点也是很简单的，例如一个文章分了三段，每段有个标题，标题的代码是这样的

h2我是标题一/h2

h2我是标题二/h2

h2我是标题三/h2

如果我想要在页面内设置锚点，做一个索引，点击相应的索引标题就跳转到相应的段落，那么就只要在标题所在的html标签里面设置一个ID，然后链接过去即可，可以像下面这样设置ID：

h2 id="a"我是标题一/h2

h2 id="b"我是标题二/h2

h2 id="c"我是标题三/h2

然后在索引里面这样设置超链接就可以实现和锚点的连接了

a href="#a"点击我就会跳到第一段/a

a href="#b"点击我就会跳到第二段/a

a href="#c"点击我就会跳到第三段/a

这样你应该就可以理解了吧~~~

html中设置锚点定位的几种常见方法

1、方法一：

给锚点文本标签添加id，使用a href="#"/a来定位，当单击a链接时，就会跳到id为a01的p标签处；

如：

diva href="#a01"/a/div

p练习/pp练习/pp练习/pp练习/pp练习/p

p id="a01"练习/p

这样的定位可以针对任何标签来定位。

2、方法二：

给a标签的文本添加锚点，单击链接可跳到name为a01的a标签处；

如：

diva href="#a01"/a/div

pxxx/ppxxx/ppxxx/ppxxx/ppxxx/p

a name="a01" href=“#”练习/a

使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。　

3、方法三：

使用js，如：

li class="5477-e79e-a9d8-7c14 " onclick="javascript:document.getElementById('here').scrollIntoView()"/li

扩展资料：

类似的html元素用法：

1、超链接对象

超链接是超级链接的简称。如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。

超链接是一种对象，它以特殊编码的文本或图形的形式来实现链接，如果单击该链接，则相当于指示浏览器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。

2、动态静态

超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接，例如可以实现将鼠标移动到某个文字链接上。而静态超链接，顾名思义，就是没有动态效果的超链接。

参考资料来源：百度百科-描点

参考资料来源：百度百科-超链接

急求！锚点连接点击后定位问题，它必须要定到页面顶端，难道不能改吗？

关于利用锚点定位的一个新思路：首先，通过锚点定位，页面都是转到页面相应锚点居于顶端。因此，对于需要使页面高度不变而只是利用锚点效果的使用来说，这非常不方便。现在有一个思路，即，若想锚点距离顶端有个固定的距离，则设置该锚点所在元素的border-top/padding-top=x，margin-top=-x，使该锚点及位于锚点前的元素为relative，z-index方面，则是锚点前元素大于锚点元素，那么就像两张扑克牌一样层叠起来，隐藏了锚点元素的真实位置，使视觉效果上成功。

讲到这里，对于之前提及的利用a元素的锚点效果，实现静态页面的切换页效果，更进了一步。

↑上面是我关于锚点学习总结后的话，具体实例可以参考下面网站的演示，我也是受这个网站的启发

关于锚点定位的问题

a href="#asd"aaa/a

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

a name="asd"/a

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

h4测试文字/h4

ps钢笔锚点可以输入设定吗？比如.这个锚点左边离画布边缘30mm，上边离画布边缘50mm，

钢笔锚点没有这样的功能。

要实现这样的功能，你可以用标尺，Ctrl+R快捷键出来就是标尺，需要多长的距离，在标尺上找到对应的点就可以了，类似于数学里面的坐标轴。

锚点链接定位距离顶部问题，急急急，在线等

html,body{line-height:1.4; height:100%;background:#e3e3e3; overflow:hidden;}把overflow:hidden去掉.navfixed{ position:fixed; left:0px; top:0px; width:96%;}width改成100%