Jquery跳到指定页面位置

learnTech learnTech 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.7k累计阅读 3.8k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄14年
关注
原创 最新推荐文章于 2026-05-16 06:09:35 发布 3.7k 阅读 AI 写同款· GEO 优化 ›
js，jquery滚动/跳转页面到指定位置的实现思路 要解决两个需求： 一个是从A页面跳到B页面，滚动到页面的任何地方； 第二个是在B页面内部点击某个元素，滚动到页面的任何地方； 怎么解决啊？很简单，当然是用锚点。 首先在A页面创建一个锚点 <body> 点击跳转 <body> 然后在B页面定义这个锚点 <body> … 这里是很多文字，把页面撑开，撑出滚动条 … 滚动到这里 … 再加点文字 … </body> 好，测试，OK！点过去之后是不是“滚动到这里”出现在了浏览器的最上方。 实际的情况经常是制作人员切好的页面，产品突然说要 立即下载

offset() (包含top left)

height()

scrollTop


$("body").scrollTop(**);

原理是修改页面的scrollTop。

jquery动态效果：animate（）

$("html,body").animate({ scrollTop: **}, 500); 

$("html,body").animate({ scrollTop: $().offset().top-$().height() }, 500); 

收录于
javascript

当前文章被收录于：

javascript
16 篇文章 0 人学习
订阅专栏 查看详情
标签
#jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Jquery跳到页面指定位置的方法 offset() (包含top left) 代码如下: height() scrollTop $(“body”).scrollTop(**); 原理是修改页面的scrollTop。 jquery动态效果：animate（） 代码如下: $(“html,body”).animate({ scrollTop: **}, 500); $(“html,body”).animate({ scrollTop: $().offset().top-$().height() }, 500); 立即下载

相关推荐

jQuery如何跳转到另一个网页 就这么简单

平时我们在Javaweb的开发的过程中，现在还是大都使用jQuery，毕竟当时红极一时，虽然现在有点跟不上时代了，但毕竟还是很主流的。程序员最爱的一张图。 所以了，今天我们就来说一说如何在jQuery中跳转到另外一个网页HTML。 其实下面我列举的几种方法也不一定都是用jQuery，也有的使用了Javascript的原生的方法，所以也算是前端跳转的一个总结吧。 我们可以利用http的重定向来跳转 [removed].replace(“//www.jb51.net”); 使用href来跳转 [removed].href = “//www.jb51.net”; 使

Jquery跳转页面的方式

Jquery跳转页面的方式 1、利用http的重定向来跳转 window.location.replace("http://www.php.cn"); 注意该方式是直接替换当前页面url为后者，如果后页面中有history.back()，则无法成功返回 2、使用href来跳转 window.location.href = "http://www.php.cn"; 3、使用jQuery的属性替换方法来实现跳转 $(location).attr('href', 'http://www.php.cn');

qq_43008667的博客 3万+

让网页跳转到指定位置的jquery代码非书签

网页跳转到指定位置，实现的方法有很多，本文采用最为简单的一种，喜欢朋友可以学习下

jquery 跳转到当前页面指定位置

这是顶部，高度为100px

apple_51426592的博客 1428

C#实现不占用串口的串口监听与侦听技术：高效监控串口数据的最佳实践

本文详细介绍了如何实现不占用串口的串口监听与侦听技术，解决了传统串口监听可能带来的串口占用问题。通过使用虚拟串口、外部监听工具或第三方库，我们可以高效地实现串口数据的捕获与处理，适用于各种工业控制、物联网和嵌入式开发的应用场景。

这里只有干货：从 Modbus 通信到 MES 对接，从 YOLO 训练到工控机部署，带你搞定工业软件开发全流程。 1675

CH376S模块实战：如何通过串口轻松实现单片机与U盘的数据交互

本文详细介绍了如何利用CH376S模块，通过串口通信实现单片机与U盘的数据交互。文章从模块原理、硬件连接到核心指令集进行了全面解析，并提供了基于STM32的实战代码示例。CH376S模块极大地简化了USB协议和文件系统的复杂性，使开发者能快速为嵌入式设备添加便捷的数据存储与导出功能，适用于数据记录、配置导入等多种应用场景。

weixin_29165725的博客 458

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

js 仿锚点跳转到页面指定位置，用的是 offset() 方法  $(document).ready(function(){   var target_top = $("#qa5").offset().top;   //$("html,body").animate({scrollTop: target_top}, 1000);   //带滑动效果的跳转   $("html,body").s

xuanjiewu的专栏 1万+

logisim实验六：MIPS运算器设计

实验目的 学生理解算术逻辑运算单元（ALU）的基本构成，掌握 Logisim 中各种运算组件的使用方法，熟悉多路选择器的使用，能利用前述实验完成的 32 位加法器、 Logisim 中的运算组件构造指定规格的 ALU 单元。 设计要求 利用前面实验封装好的 32 位加法器以及 logisim 平台中现有运算部件构建一个 32 位算术逻辑运算单元（禁用 Logisim 系统自带的加法器，减法器），可支持算术加、减、乘、除，逻辑与、或、非、异或运算、逻辑左移、逻辑右移、算术右移运算，支持常用程序状态标志（有符号

gyp0205的博客 2万+

jquery 到页面指定位置

代码 $('html,body').animate({scrollTop:$('#id').offset().top-70}, 1000); 注解 1、’#id’表示要到达位置的id 2、’70’表示到达指定位置后，该位置距离窗口顶部的距离 3、’1000’表示到达指定位置所需时间...

日常笔记/总结/系列知识梳理 1174

基于RK3588与Gstreamer的端侧实时视频流AI推理系统构建

本文详细介绍了基于RK3588芯片与Gstreamer框架构建端侧实时视频流AI推理系统的完整方案。通过硬件选型、环境配置、OpenCV编译优化、视频流处理实战及模型部署等关键环节的深入解析，展示了如何利用RK3588的6TOPS NPU算力与Gstreamer的低延迟特性，实现工业质检、智能交通等场景下的高效边缘计算。特别针对RTSP推拉流优化、RKNN模型转换等核心技术难点提供了实用解决方案。

weixin_30516243的博客 381

【100%通过率】华为OD机试真题2026双机位C卷 C语言 实现【加密算法】

【100%通过率】华为OD机试真题2026双机位C卷 Python&JS 实现【加密算法】有一种特殊的加密算法，明文为一段数字串，经过密码本查找转换，生成另一段密文数字串。规则如下

MISAYAONE的博客 648

jquery实现跳转到页面指定位置

方法1： var t = $('#accountListDiv').offset().top;//  获取需要跳转到标签的top值 $(window).scrollTop(t);// 跳转到指定位置              方法2： var t = $('#accountListDiv').offset().top;//  获取需要跳转到标签的top值 $("html,b

qq712717835的专栏 1万+

自私兽群优化器（SHO）详解：从生物本能到智能优化

自私兽群优化器（SHO）是一种受动物群体自私行为启发的智能优化算法。该算法模拟动物在捕食威胁下的两种行为：聚集行为（全局搜索）和自私行为（局部搜索），将优化问题的解空间映射为生存环境，候选解视为猎物个体。SHO通过安全性评估将猎物分为安全、危险和高危三类，分别采用不同的位置更新策略，并引入捕食者角色增加选择压力。相比传统优化算法，SHO具有无需梯度信息、自适应平衡探索与开发、参数简单等优势，特别适合高维复杂和多模态优化问题。算法通过马尔可夫链理论保证收敛性，已在工程设计和数据挖掘等领域展现出良好性能。

qq_42212808的博客 197

jquery页面跳到指定位置

$("html,body").animate({ scrollTop: 100}, 0); 用过, 但会用动画效果, 不是瞬间移动到顶部

往事随风的博客 1692

LM358模拟声音传感器原理图设计，已量产（声音传感器）

最近在做智能家居设备的声音触发模块时，搭了个基于 LM358 的模拟声音传感器电路 —— 不用复杂的专用芯片，靠通用运放就能把环境声音转化为可被单片机 AD 采集的电压信号，成本压得很低，实际调试下来灵敏度和稳定性都够用。今天把这个电路拆解开，聊聊每部分的设计思路。

不脱发的程序猿 472

【工具插件类教学】Unity翻书效果插件Book-Page Curl Pro教程

特征： • 从左到右和从右到左翻页 • 与画布缩放器 配合使用 • 可配置的自动翻转脚本 • 支持向页面 添加 UI 元素 • 支持透明页面 • 适用于“世界空间”画布

纯技术流日常开发商业开发记录总结等 3673

如何用jquery实现点击后跳到页面指定位置

很多网站都有这种功能，主要为了让用户在长篇大论中比较迅速的跳到自己想要看的内容处，比如bootstrap就有相应的功能。 介绍一种非常简便可以实现这种功能的方式。 思路：1.这里要用到点击事件，因为点击处可能数量较多，因此最好用事件代理来处理，可以提高性能。 2.当点击一个按钮时，能够获取到与他相对应的元素的ID。 3.通过jquery的offset方法返回top和left两个属性后获取他...

weixin_30443075的博客 831

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0， 兼容Win7/Win10/WinXP，解压就可用。

jQuery跳转到页面指定位置

@参考博客 var t = $("#id").offset().top;// 获取需要跳转到标签的top值 //$(window).scrollTop(t);// 跳转到指定位置 $("html,body").animate({ scrollTop: t}, 1000);//与上同效 转载于:https://www.cnblogs.com/yanan7890/p/9518898.html...

weixin_33836223的博客 1481

WINCC7.3破解文件

WINCC7.3硬件够破解文件，有需要的下载！WINCC7.3硬件够破解文件，有需要的下载！

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android：LinePhone3.2.7(最新版本)，官网地址：http://www.linphone.org/

jquery跳转到特定元素的位置

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_34250434的博客 1425

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明，包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

页面跳转（点击菜单栏，跳转到相对应模块高度,注意导入jquery-1.11.1.js包）

Document 首页 关注 动态 风格 作品 首页 关注 动态 风格 作品

heart__to的博客 629

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

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

编程副队长 4430

JS / jQuery 实现页面跳转到指定位置-锚点

最简单的代码 $(document).ready(function () { location.hash = ""; setTimeout('location.hash="#foot";', 2000); }); 感谢：[求助]如何用JS跳转到页面中的指定ID-优快云论坛 无广告的百度首页绿色版： http://baidu.rudon.cn/ 失败例子 以下是亲测在chrome上不能用的跳到页面最底部的方法： $('body').scrollTop( $(...

Rudon滨海渔村的博客 1727

jquery同一页面跳转到指定位置

jquery同一页面跳转到指定位置  $(function(){     var url = window.location.toString();           var t = $('#table1').offset().top;         $(window).scrollTop(t);   });   注：table1就是指定

ckxlnd的专栏 827

js，jquery滚动/跳转页面到指定位置

要解决两个需求： 一个是从A页面跳到B页面，滚动到页面的任何地方； 第二个是在B页面内部点击某个元素，滚动到页面的任何地方； 怎么解决啊？很简单，当然是用锚点。 首先在A页面创建一个锚点 <body> <ahref="b.html#pos"target="_blank">点击跳转</a> <body> ...

aae59954的博客 287

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

要解决两个需求：一个是从A页面跳到B页面，滚动到页面的任何地方；第二个是在B页面内部点击某个元素，滚动到页面的任何地方；怎么解决啊？很简单，当然是用锚点。首先在A页面创建一个锚点点击跳转然后在B页面定义这个锚点...这里是很多文字，把页面撑开，撑出滚动条...滚动到这里...再加点文字...好，测试，OK！点过去之后是不是“滚动到这里”出现在了浏览器的最上方。实际的情况经常是制作人员切好的页面，产...

weixin_39595164的博客 507
上一篇： user/group right
下一篇： apache tomcat
点赞 0
评论 0
书签 书签 0
learnTech
learnTech
博客等级 码龄14年 10粉丝 73原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值