jQuery:如何在页面加载时滚动到某个锚点/div?

2023-11-23

最近我尝试更频繁地使用 jquery,现在我遇到一些问题,我想用 jquery 解决,希望你能帮助我。

我有一些包含一些锚标记的网页(假设锚位于页面中间),并且在事件加载时我希望页面在某个锚标记位置启动,这意味着页面将自动“滚动”到某个位置。

这是我之前的解决方案(这很丑陋,因为它将 #i 添加到我的网址中)

window.onload = window.location.hash = 'i';

无论如何,你能告诉我如何用 jquery 做到这一点吗?

注意:我不希望用户在到达此位置时感受到任何滑动或效果


使用以下简单示例

function scrollToElement(ele) {
    $(window).scrollTop(ele.offset().top).scrollLeft(ele.offset().left);
}

where ele是你的元素(jQuery)..例如:scrollToElement($('#myid'));

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jQuery:如何在页面加载时滚动到某个锚点/div? 的相关文章

  • 验证动态字段jquery

    下午好 我遇到了以下问题 我正在使用 jQuery 验证插件来验证我的表单 v1 13 0 客户端 工作得很好 但我无法解决的问题是 我有一个字段名称 product 它是一个数组 在这个阵列中我可能有一种或可能有 20 种产品 这是我的代
  • React Native 无法访问 Cloud Firestore 后端

    我之前使用的是 firebase 实时数据库 但现在想切换到 Cloud Firestore 但即使经过身份验证 也会收到以下错误 我目前正在使用 Android Simulator 尝试禁用我的实时数据库 但找不到解决方案 Firebas
  • 鼠标移动时画布拖动

    我正在尝试构建一个可以使用鼠标移动拖动的画布 我做了一些我无法理解的错误 因为一开始似乎有效 然后出现了一个增量错误 使画布移动得太快 考虑以下代码 window onload function var canvas document ge
  • 用更好的模式替换开关(Javascript)

    我必须升级我的应用程序以根据用户类型和角色属性显示页面 目前 我使用一个简单的 switch 语句来根据用户类型来执行此操作 例如 switch type case a return CONSTANT ONE case b return C
  • 我可以使用 jQuery 的 AJAX 将表单信息提交到 Google Spreadsheets 吗?

    我喜欢能够使用谷歌电子表格 但以视觉方式集成到我的网站中很棘手 所以我想我会重新创建他们的表单 一个简单的剪切 粘贴 通过 AJAX 提交表单 数据将转到电子表格 我可以将我的用户重定向到比谷歌默认的 谢谢你所做的一切 更漂亮的东西你刚刚做
  • 将 jQuery 与 Selenium WebDriver 结合使用 - 如何将 JSON 对象转换为 WebElement?

    我正在使用 Selenium WebDriver 我想执行 jQuery 代码来查找一些元素 我的代码如下 public function uploadGrantDoc script return itemlist grant file u
  • 指定 HTML5 输入类型 = 日期的值输出?

    我想将本机日期选择器添加到我的应用程序中 该应用程序当前使用遗留的本地系统 日期输入支持尚未广泛普及 但如果我可以基于兼容性提供这两种实现 那就太理想了 有没有办法指定 HTML 日期选择器给出的值的输出 歌剧的默认设置是yyyy mm d
  • 如何在单击按钮时清除反应挂钩中的间隔

    我正在用反应钩子构建一个简单的计时器 我有两个按钮启动和重置 当我单击开始按钮时 handleStart 函数工作正常 计时器启动 但我不知道如何在单击重置按钮时重置计时器 这是我的代码 const App gt const timer s
  • 为某个时刻添加持续时间 (moment.js)

    时刻版本 2 0 0 阅读文档后 http momentjs com docs manipulating add 我认为这很简单 Chrome 控制台 var timestring1 2013 05 09T00 00 00Z var tim
  • 为什么这个递归函数返回未定义?

    我正在尝试编写一个使用递归组合两个字符串的函数 我的代码如下 但我不知道为什么该函数返回未定义 特别是当我在基本情况下使用 console log 时 它不会打印未定义而是打印正确的值 var str3 function merge str
  • 等待异步 grunt 任务完成

    我收到了 grunt 设置 其中一个新任务应该执行 grunt task run 已经存在的任务 要执行的任务是异步的 新任务应该等待异步任务完成 执行此操作的首选方法是什么 grunt 已经涵盖了这一点 你应该将你的任务声明为异步任务 并
  • 当 Chrome 中嵌套滚动中的数据更改时防止页面滚动

    我在页面中有一个固定大小的元素 带有 溢出 滚动 其内容经常更改 我预计该元素内部发生的更改会影响该元素的滚动 但不会影响页面滚动 但是当这个元素位于页面顶部时 页面本身开始滚动 我怎样才能防止这种情况发生 要重现此行为 我在 chrome
  • 将默认搜索文本添加到搜索框 html

    我正在努力将 搜索 文本添加到搜索框 我正在努力实现 onfocus 消失文本 And onblur 重新出现文本 到目前为止 我已经实现了这一点 但我必须将其硬编码为 html eg
  • WebpackError:ReferenceError:Gatsby 上未定义窗口

    我已经在互联网上进行了大量搜索 但无法解决这个问题 我正在使用 Gasby 开发静态页面 但遇到此错误 WebpackError ReferenceError window is not defined 我的线索是 这与我正在使用的引导 模
  • jQuery:向左滑动和向右滑动

    我见过slideUp and slideDown在 jQuery 中 左右滑动的功能 方式怎么样 您可以使用 jQuery UI 中的附加效果来做到这一点 详情请参阅此处 http docs jquery com UI Effects Sl
  • 获取类中的所有静态 getter

    假设我有这个类 我像枚举一样使用它 class Color static get Red return 0 static get Black return 1 有没有类似的东西Object keys to get Red Black 我使用
  • 加载 Angular 库时,IE9 和 IE10 中出现 Angular JS“SCRIPT5007:预期对象”错误

    我正在开发一个 AngularJS 应用程序 该应用程序应在 Firefox IE 9 和 IE 10 上运行 我使用最新版本的 angularjs 库 现在是 1 3 15 服务器端是在JavaEE平台上用Java编写的 服务器运行在Gl
  • 使用严格模式编译指示时如何声明全局变量

    使用自调用函数来包装严格模式兼容代码 通常称为严格模式编译指示 被认为是一种很好的做法 function use strict Strict code here 我的问题是在这种情况下如何声明全局变量 我今天知道的三种替代方案 替代方案 1
  • 如何强制下载图片?

    我的页面上有一个动态生成的图像 如下所示 img src 我不想告诉我的用户右键单击图像并点击保存 而是想公开一个下载链接 单击该链接将提示下载图像 如何实现这一目标 最初我在 js 中尝试这样做 var path my image att
  • jQuery appendTo(), json 在 IE 6,7,8 中不起作用

    我这两天绞尽脑汁想找到解决办法 我使用 jQuery ajax 从数据库中获取值 以便在另一个框发生更改时更新一个框 php 脚本从数据库中获取值 然后输出 json 它在 FF 中工作正常 但在所有版本的 IE 中 选择框都不会更新 我已

随机推荐

  • Android 浏览器中某些按键没有按键事件

    下面的代码在 Chrome Firefox iPhone 甚至 Android 上的第三方浏览器中都能完美运行 但是 当在本机浏览器中运行时 瑞典语键盘上的特殊字符 如 和 的按键事件根本不会被触发 该示例应该只允许用户一次输入一个字符 工
  • Python、SQLite 和线程

    我正在开发一个应用程序 该应用程序将通过 HTTP 从多个位置收集数据 在本地缓存数据 然后通过 HTTP 提供数据 所以我正在看以下内容 我的应用程序将首先创建几个线程 这些线程将按指定的时间间隔收集数据并将该数据本地缓存到 SQLite
  • C# 中读取大端数据的有效方法

    我使用以下代码来读取 BigEndian 信息BinaryReader但我不确定这是否是有效的方法 还有更好的解决办法吗 这是我的代码 some code to initialize the stream value set the len
  • Excel COM add 在启动期间未加载,必须手动添加

    Excel COM 插件在启动期间未加载 每次我都必须手动添加它 检查后文件 gt 选项 gt 加载项 gt 管理 gt COM 加载项 我看到 加载项 处于 已卸载 状态 不知道如何让它在启动时自动加载 这就是为我解决问题的方法 Step
  • 保存枕头图像时如何正确设置 DPI?

    我正在尝试使用Python以编程方式创建图像枕头库但我遇到图像内文本的图像质量问题 我想将生成的图像保存为 PNG 因此我在保存时设置 DPIthis 但我是否保存dpi 72 72 or dpi 600 600 它在视觉上看起来是一样的
  • asp.net c# SqlDataSource超时问题

    我试图将 SqlDataSource 的超时时间延长到 30 秒以上 似乎是默认值 我正在尝试运行一个必须运行 100 000 条记录的存储过程 在繁忙期间它会超时 我在 2003 服务器上使用 ASP NET 4 0 和 IIS 6 0
  • C++ Vector at/[] 运算符速度

    为了给函数提供修改向量的选项 我不能这样做 curr myvec at i doThis curr doThat curr doStuffWith curr 但我必须这样做 doThis myvec at i doThat myvec at
  • 如何重置nodejs流?

    如何重置nodejs流 如何在nodejs中再次读取流 提前致谢 var fs require fs var lineReader require line reader proxy txt only 3 lines var readStr
  • 为什么非正规浮点值处理起来较慢?

    通常情况下 消耗或产生非正规值的浮点值比其他情况慢 有时慢得多 为什么会这样呢 如果是因为它们被软件捕获而不是直接在硬件中处理 据说在某些 CPU 上就是如此 那么为什么它们必须这样做呢 对于 IEEE 754 浮点 遇到的大多数操作数都是
  • 使用 weave 作为网络在 kubernetes 内运行的 docker 容器内没有互联网连接

    我有一个在 AWS EC2 实例上运行的 kubernetes 集群 并编织为网络 cni 我已经禁用了 docker 网络 ipmask 和 iptables 因为它是由 weave 管理的 以避免网络冲突 我已经在这个集群上部署了 Je
  • TortoiseGit 克隆选项在右键单击上下文菜单中不可用

    我已在 Windows 7 64 位计算机上安装了 Git 2 5 2 64 位和 TortoiseGit 1 8 16 0 64 位 我想克隆存储库 但是当我在 Windows 资源管理器中右键单击时 我没有看到克隆存储库的选项 我已经转
  • php 中的 cURL 选项 - 什么选项是 -u [关闭]

    Closed 这个问题是无关 目前不接受答案 我的参考文献列出了一个选项 curl u ExactID Password 这是否意味着我只需使用 CURLOPT USERPWD 并使用 ExactID Password 格式 是的 CLI
  • 如何设置 django 和 mysql 使用 UTF-8

    我想将 Django mysql 站点设置为使用 UTF 8 请指导我必须在 django 和 mysql 中进行的更改 以确保以下事项 用户在表单中输入的数据将始终编码为 UTF 8 将数据以utf 8存储在mysql中 正确显示模板中的
  • 确定某个值是否在 TensorFlow 中的集合中

    The tf logical or tf logical and and tf select功能非常有用 但是 假设你有价值x 并且您想看看它是否在set a b c d e 在 python 中你只需写 if x in set a b c
  • 在没有root访问权限的情况下安装python包[重复]

    这个问题在这里已经有答案了 我想在我使用的服务器中安装python包networkx 在问这个问题之前我进行了搜索 它说使用 pip install user networkx 但它不起作用 linux错误是 Usage usr bin p
  • 在android中缩放和平移位图

    我正在尝试出售位图并在每一步进行翻译 如果我们看下面的代码 我正在绘制一个图像 对其进行平移和缩放 然后反向执行相同的操作 以便恢复原始配置 但在应用操作后 我确实得到了原始缩放图像 比例因子 1 但图像被平移到不同的位置 您能指出正确的方
  • 根据文本调整 UILabel 高度

    考虑我有以下文本UILabel 一长行动态文本 由于外星军队的数量远远超过团队 玩家必须利用后世界末日的世界来发挥自己的优势 例如在垃圾箱 柱子 汽车 瓦砾和其他物体后面寻找掩护 我想调整大小UILabel s高度 以便文本可以适合 我正在
  • 在 iOS 7 中使用相机时,应用程序因内存压力而终止

    我面临错误应用程序因内存压力而终止当我使用 UIImagePickerController Camera 捕获一些图像时 我首先收到内存警告 然后应用程序突然崩溃 这个问题在 iOS 7 中特别明显 在 iOS 6 中它工作得很好 有人知道
  • Jenkins 管道条件环境变量

    我有一组静态环境变量environmental声明性管道的指令部分 这些值可用于管道中的每个阶段 我希望这些值根据任意条件而改变 有没有办法做到这一点 pipeline agent any environment if params con
  • jQuery:如何在页面加载时滚动到某个锚点/div?

    最近我尝试更频繁地使用 jquery 现在我遇到一些问题 我想用 jquery 解决 希望你能帮助我 我有一些包含一些锚标记的网页 假设锚位于页面中间 并且在事件加载时我希望页面在某个锚标记位置启动 这意味着页面将自动 滚动 到某个位置 这