HTML中使用锚点链接快速定位到页面的某一位置
锚点链接：当点击链接时，可以快速地定位到页面中的某个位置 1. 为需要被定位的元素添加id属性，例如：<p id="p1">我是p1</p> 2. 使用<a>标签定位元素，设置href属性值为 ：#需要被定位元素的id,例如：<a href="#p1 ...
原文：HTML小技巧之——巧用标签锚链接（#锚点链接 #页面特定位置 #锚点定位 #DOM定位 #hash路由中使用锚链接）
作者：一像素 前端开发中，常遇到定位到页面某特定位置的需求，JavaScript提供的el.scrollIntoView 和 el.scrollIntoViewIfNeeded 新api，来实现元素在界面中的可见。当然也可通过动态设置el.scrollTop的值来控制当前元素的位置，但在某些情况下，前者存在一定的兼容性问题，后者实现相对繁琐效率不高，可采用a标签的锚链接功能，便捷高效。分享几种简 ...
2021-04-27 19:19 0 463 推荐指数：
相关推荐
js超链接锚点定位
<html> <head> <meta charset="UTF-8"> </head> <body> <a onclick="cc()" style ...
HTML基础--position 绝对定位 相对定位 锚点链接
position 定位属性，检索对象的定位方式 一、语法：position：static /absolute/relative/fixed 取值： 1、static：默认值，无特殊定位，对象遵循HTML原则； 2、absolute：绝对定位，将对象从文档流中拖离出来，使用left/right ...
vue hash模式下如何使用a标签的锚点定位
vue的路由设置为hash模式，正常使用a标签的锚点定位，在浏览器刷新/后退/前进时，路由会匹配不上，导致页面无法正常渲染，在网上查了许多资料都说是要将vue的路由设置为history模式，后来偶然想到一种方法，现记录如下： 说明：上面的实现方式并不完美，页面刷新时，不会直接显示到上 ...
html锚链接
锚点(anchor)：其实就是超链接的一种，一种特殊的超链接 普通的超链接，<a href="路径"></a> 是跳转到不同的页面 而锚点，<a href="路径"></a> 可以在同一个页面中不同的位置间跳转 ...
html增加锚点定位
第一种方法，也是最简单的方法是锚点用<a>标签，在href属性中写入DIV的id。如下： <!DOCTYPE html><html><head><style>div {height: 800px;width: 400px;border ...