博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html 锚点三种实现方法
阅读量:6793 次
发布时间:2019-06-26

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

1 通过id

<a href="#m1"> 通过id获取锚点</a>

<div style="width:100%;height:1000px"></div>

<div style=" height:100px; width:100%; background: red; id="m1"> 通过id获取锚点</div>

2 通过 name       name只能适用于a标签

<a href="#m2"> 通过name获取锚点</a>

<div style="width:100%;height:1000px"></div>

<a style=" display:block;height:200px; width:100%;background: blue; " name="m2"> 通过name获取锚点</a>

3 通过js

<a href="#" οnclick="javascript:document.getElementById('m3').scrollIntoView();"> 通过js获取锚点</a>

<div style=" height:200px; width:100%; background:green" id="m3"> 通过js获取锚点</div>

转载于:https://www.cnblogs.com/mydxy/p/10271872.html

你可能感兴趣的文章
51、组播Multicast简介
查看>>
CentOS 安装Oracle 11G 参数配置
查看>>
[PYTHON]简单的文件增删改查处理
查看>>
mysql导出数据结构+导出数据
查看>>
我的友情链接
查看>>
对于编程:要么热爱,要么离开
查看>>
Linux常用的命令
查看>>
lvm 动态扩容
查看>>
简单工厂模式、工厂模式、抽象工厂模式的对比与应用场景(代码举例)
查看>>
python操作Excel的几种方式
查看>>
0913作业(冒泡排序、二分查找法、模拟摇乐游戏)
查看>>
【数据结构队列的应用】用队列打印杨辉三角
查看>>
Compilation failed: this version of PCRE is not compiled with PCRE_UTF8 support at offset 0
查看>>
Java—基础之extends用法详解及简单实例
查看>>
[转]notepad++正则表达式替换字符串详解
查看>>
HDU1664 BFS + 数论 + 剪枝
查看>>
CSS3的过渡属性
查看>>
数据结构---栈的链表实现
查看>>
解决了一个病毒 syslive.exe(没验证)
查看>>
Ubuntu的web服务器搭建系列之JDK(JDK+Tomcat+MySQL+Nginx+Redis
查看>>