HTML跳转到页面指定位置（本页或者他页）

剑痞

于 2024-08-21 17:48:30 发布

阅读量143

点赞数 1

分类专栏：简易代码文章标签： html

QQ;691699 E-mail:fim@qq.com http://bbs.domains

本文链接：https://blog.csdn.net/jianpi/article/details/141399461

版权

简易代码专栏收录该内容

15 篇文章 0 订阅

订阅专栏

本页跳转到指定位置

<a href="#live">blog.csdn.net/jianpi</a><br/>
/
/
/
/
/
/
/
/
/
<h3 id="live">blog.csdn.net/jianpi</h3>

使用纯超链接实现跳转到他页

1. 实现本页面跳转到指定位置（a.html），代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
</head>
<body>
	<div>
		<div id="bb" style="width: 100%;height: 100vh;background-color: 

pink;">bb <a href="#aa">跳转到aa</a></div>
		<p>--------------------</p>
		<div id="aa" style="width: 100%;height: 100vh;background-color: 

lightblue;">aa <a href="#bb">跳转到bb</a></div>
	</div>
</body>
</html>

实现点击跳转到新页面的指定位置:

<a href="a.html#aa">跳转a.html的aa</a>

如果上方有导航条遮挡：

<div id="aa" style="padding-top: 60px;margin-top: -60px;"></div>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

剑痞

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML跳转到页面指定位置（本页或者他页）

【代码】HTML跳转到页面指定位置（本页或者他页）
复制链接

扫一扫

专栏目录

HTML跳转到页面指定位置方法[scrollTo() , scrollIntoView() I40.scrollIntoView()]

Mo___yu的博客

04-01

1276

【代码】HTML跳转到页面指定位置方法[scrollTo() , scrollIntoView() I40.scrollIntoView()]

html button跳转页面_HTML跳转到页面指定位置的几种方法

weixin_39526872的博客

11-29

2982

HTML跳转到页面指定位置的几种方法前言有时候，我们想阅读页面中某段精彩的内容，但由于页面太长，用户需要自己滚动页面，查找起来非常麻烦，很容易让人失去继续往下阅读的兴趣。这样体验非常不好，所以我们可以想办法实现点击某段文字或者图片跳转到页面指定位置，方便用户的阅读。一、纯 html 实现 1. 利用 id 为标记的锚点这里作为锚点的标签可以是任意元素。2. 利用 a 标签的 na...

参与评论您还未登录，请先登录后发表或查看评论

HTML跳转到页面指定位置

liyibao111的博客

05-05

3574

HTML跳转到页面指定位置。

HTML技能点--跳转页面指定位置

程序员大阳

01-22

4069

很多时候，我们需要跳转到一个指定id的元素的位置，其实有几种实现方式。

2.HTML跳转到页面指定位置的几种方法

qq_44438941的博客

11-03

5691

日常总结

js，jquery滚动/跳转页面到指定位置的实现思路

10-25

在Web开发中，有时我们需要实现用户从一个页面跳转到另一个页面，并且自动滚动到特定的位置。本文将详细介绍如何使用JavaScript和jQuery来实现这一功能。首先，基本的思路是利用HTML的锚点（Anchor）机制。在源...

jquery 仿锚点跳转到页面指定位置的实例

10-20

知识点一：jQuery的offset()方法...通过以上知识点，我们可以了解到如何使用jQuery来仿制原生的锚点跳转功能，实现页面内的指定位置跳转。这不仅可以提升用户的浏览体验，也可以在页面上实现更为复杂和动态的交互效果。

基于JavaScript实现定时跳转到指定页面

10-23

在本文中，我们将深入探讨如何使用JavaScript来实现定时跳转到指定页面的功能，这对于网页设计和用户体验有着重要的作用。首先，我们来看一下实现这个功能的基本原理。JavaScript提供了一个名为`setInterval()`的...

JS控制div跳转到指定的位置的几种解决方案总结

10-21

在Web开发中，页面内的导航跳转到特定的内容位置是一项常见需求。本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和...

一个超炫酷的跳转页面 HTML

09-01

在实际的HTML跳转页面中，可能还会用到CSS来控制页面的样式和布局。例如，可以使用CSS3的动画和过渡效果来创建平滑的视觉变化，提升用户体验。`transition`属性用于定义元素从一种样式到另一种样式的过渡效果，而`...

Jquery跳到页面指定位置的方法

12-11

offset() (包含top left) 代码如下: height() scrollTop $(“body”).scrollTop(**); 原理是修改页面的scrollTop。 jquery动态效果：animate（）代码如下: $(“html,body”).animate({ scrollTop: **}, 500); $(“html,body”).animate({ scrollTop: $().offset().top-$().height() }, 500);

HTML中如何实现从当前页面跳转至其他页面指定区域

最新发布

emmmaha的博客

04-26

696

当用户点击包含正确链接的链接时，浏览器将跳转到目标页面，并滚动到对应的 ID 区域，实现在一个页面中搜索另一个页面的 ID 区域的效果。在 HTML 中，要在一个页面中跳转至另一个页面的区域，可通过设置ID来实现，使用锚点链接的方式实现。

前端实现从一个页面跳转到另一个页面的指定位置

yinyueyu007的博客

05-12

2297

假定从a.htm跳转到b.htm的“指定位置”：在a.htm中加入： <a href="b.htm#abc">点我</a> 在b.htm的“指定位置”加入： <a name="abc"></a>

点击a链接跳到另一个页面中指定的地方

weixin_63456913的博客

11-29

4254

点击a链接跳到另一个页面中指定的地方

vue 路由跳转到其他页面指定位置（锚点）

weixin_43465508的博客

11-30

1067

我们要跳转的时候，其实在路由后面拼接一个#main 就可以了。首先在指定的位置增加一个锚点（要被跳转的页面）下面是没有锚点，要准备点击后跳转的页面。然后在被跳转的页面增加一下代码。

html中的坐标从哪里开始,HTML跳转到页面指定位置的几种方法

weixin_39668282的博客

05-31

329

前言有时候，我们想阅读页面中某段精彩的内容，但由于页面太长，用户需要自己滚动页面，查找起来非常麻烦，很容易让人失去继续往下阅读的兴趣。这样体验非常不好，所以我们可以想办法实现点击某段文字或者图片跳转到页面指定位置，方便用户的阅读。一、纯1. 利用 id 为标记的锚点这里作为锚点的标签可以是任意元素。2. 利用 a 标签的 name 属性作为锚点这里作为锚点的标签只能是 a 标签。注意：当以 '...

html跳转到指定地点

start_逍遥的博客

12-20

686

1、调转到当前页: 跳转到AAAA 跳转到BBBB AAAA BBBB 定好容器的id，在a的href中用#+id，就可以实现跳转了。 2、跳转到另一页面指定地点：设置一个锚点就好了： $(function() { var mao = $("#" + getParam("m")); //获得锚点 if (mao.length > 0) {//判断对象是否存在

vue技巧：从A页面跳转到B页面的tab选项卡指定页

Shids_的博客

10-12

6353

vue技巧：从A页面跳转到B页面的tab选项卡指定页

html从指定位置跳转到指定位置

一步一步的前进

07-25

1945

html实现从任意位置跳转到指定位置

html跳转到页面指定位置不让他刷新页面

04-05

可以使用锚点实现在页面中跳转到指定位置，并且不刷新页面。在需要跳转的位置添加一个锚点，例如： ``` <a name="section1"></a> ``` 然后在跳转的链接中加入锚点名称，例如： ``` <a href="#section1">跳转到第一部分</a> ``` 点击该链接时，页面会自动滚动到带有该锚点名称的位置。注意，锚点名称要与链接中的名称一致，大小写也要一致。如果使用 JavaScript 实现跳转，可以使用 `scrollIntoView()` 方法来滚动到指定元素。