html 锚点定位

在html中设置锚点定位我知道的有几种方法。在此和大家分享一下:

1、使用id定位:

<a href="#1F"  name="1F">锚点1</a>
<div name="1F">

		<p>
		11111111111
		</br>
		11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>11111111111
		</br>
		</p>
			</div>

这种定位能够针对不论什么标签来定位。

2、使用name定位:

<a href="#5F">锚点5</a>
	</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
		<a name="5F">1111111</href>

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

3、使用js定位

<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
时间: 2024-10-13 17:12:32

html 锚点定位的相关文章

html中设置锚点定位的几种常见方法(#号定位)

在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1.使用id定位: <a href="#1F">锚点1</a> <div id="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111

【TRICK】解决锚点定位向下浮动Xpx问题

1. 问题描述 页面滚动后,菜单栏会固定在页头,当锚点定位时,菜单会遮盖部分定位后的内容,所以需要在锚点定位后自动向下漂移Xpx. 2. 解决办法 a. 设定占位锚点,并给占位锚点设置样式,比如 <a href="#test">hehehe</a> <div style="height:400px;width:100%;background:red;"></div> <div id="test"

锚点定位

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html charset=utf-8" /><title>锚点定位</title><style type="text/css"> #thediv,#thediv2,#thediv3,#thediv4 {width:100

Android tabLayout+recyclerView实现锚点定位

原文链接:https://mp.weixin.qq.com/s/L3o2i3WTmg1ScXEYDS8YCg 在上一篇文章 Android 实现锚点定位中,我们介绍了tablayout+scrollView实现的锚点定位,今天我们使用tablayout+recyclerView 来实现同样的效果. 效果图: 实现思路 实现的思路与上一篇文章是一致的: 1.监听recyclerView滑动到的位置,tablayout切换到对应标签 2.tablayout各标签点击,recyclerView可滑动到

微信小程序基于scroll-view实现锚点定位

代码地址如下:http://www.demodashi.com/demo/14009.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 1.基本需求. 基于scroll-view实现锚点定位 2.案例目录结构 二.程序实现具体步骤 1.锚点index.wxml代码 a.导航滚动 <!--pages/scrollnav/scrollnav.wxml--

1.4.16- HTML之锚点定位

通过创建锚点连接,用户能够快速定位到目标内容,创建锚点连接分为两步: 1.使用<a href= "#id">链接文本</a> 创建链接文本 2.使用相应的id名称标注跳转目标的位置. 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</ti

锚点定位跳转的各种实现方法

最近在做webapp时有几个页面,都需要同一个效果:锚点跳转.我认为,在webapp中做锚点跳转,很别扭,网页中比较常见的方法,但是在手机端运用却不合适,那是那个SB的后台,非得让做成那效果.没办法,谁让人家是老员工了. 使用锚点跳转做的静态页面,没有一点问题,但是经过他加的php后,就不跳转了,坑爹的玩意!在调试过程中,找了好多的锚点跳转的方法,写在这里,一起分享: //平滑移动到 想要的位置 $(function() { var mao = $("#" + getParam(&qu

html中设置锚点定位

1.使用id定位: (这样的定位可以针对任何标签来定位. ) <a name="1F" href="#1F">锚点1</a><div id="1F">锚点1内容</div> 2.使用name定位: (使用name属性只能针对a标签来定位,而对其他标签就不能起到定位作用. ) <a href="#5F">锚点5</a> <a name="5F

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

1,使用id定位: <a href="#1F" name="1F">锚点1</a> <div name="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>