如何将 HTML 页面滚动到给定的锚点

2023-12-25

我想让浏览器将页面滚动到给定的锚点,只需使用 JavaScript。

我已经指定了一个name or id我的 HTML 代码中的属性:

 <a name="anchorName">..</a>

or

 <h1 id="anchorName2">..</h1>

我希望获得与您导航到相同的效果http://server.com/path#anchorName。应滚动页面,以便锚点位于页面可见部分的顶部附近。


function scrollTo(hash) {
    location.hash = "#" + hash;
}

根本不需要 jQuery!

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

如何将 HTML 页面滚动到给定的锚点 的相关文章

  • 如何删除从 javascript var 转义的反斜杠?

    我有这个变量 var x div class Which is div class 但是我需要 div class abcdef 我怎样才能 unes cape 这个变量来删除所有转义字符 您可以通过正则表达式将反斜杠后跟引号替换为仅引号
  • Famo.us 滚动视图高度

    我正在尝试使用著名的顺序布局在滚动视图下方添加图像 但滚动视图的高度有问题 这就是我创建滚动视图的方式 var scrollview new Scrollview direction Utility Direction X options
  • jspm / jQuery / TypeScript - 模块“jquery”没有默认导出

    我正在尝试使用 TypeScript 和 jspm system js 来引导 Web 应用程序进行模块加载 我还没有走多远 安装 jspm 后 并使用它来安装 jQuery jspm install jquery 以及基础知识 main
  • 将数组中的所有元素相乘

    我在这里找不到我真正想要的例子 我想将所有数组元素相乘 因此如果数组包含 1 2 3 总和将为 123 6 到目前为止 我已经得到了这段代码 但它返回未定义 function multiply array var sum 1 for var
  • 更改 CSS 网格中的列顺序

    我正在研究 CSS 网格 当我在桌面尺寸上查看它时 min width 769px 我有单行三列 像这样的事情 col 1 col 2 col 3 我可以使用 css grid 移动列 以便我可以在移动布局上执行类似以下操作吗 col 1
  • 如何正确删除动画集中引用的 Raphael SVG 元素?

    我有一组动画 Raphael SVG 元素 我正在通过用户发起的 ajax 调用添加新元素并删除旧元素 我 set push 新元素 但因为我需要删除的元素通常不是集合中的最后一个元素 所以我使用 element remove 而不是 se
  • 我可以在不使用 Jquery UI 的情况下获得 Jquery Pulsate Effect 吗?

    我遇到了由于某种原因无法使用 Jquery UI 的情况 我正在尝试在不使用 Jquery UI 的情况下获得 Jquery UI 脉冲效果 与此链接类似 http docs jquery com UI Effects Pulsate ht
  • 清理 html 字符串中的所有脚本

    HTML5 剪贴板很棒 但我正在寻找一种使其安全的方法 用户正在将文本 html 粘贴到我的网页中 这允许他们粘贴图像 表格等 我正在寻找一种方法 在将粘贴的内容添加到页面之前删除所有脚本 我需要删除
  • selenium-webdriver 与 webdriverjs 有什么区别(以及何时使用)?

    我是一位使用 selenium webdriver 的经验丰富的专业人士 我正在探索有关如何测试 javascript 应用程序的更多选项 我发现了 webdriverJs 不幸的是 我不明白这两者 2 之间有什么区别 有人可以解释一下何时
  • 如何上传文件 - sails.js

    我可以下载图像和 pdf 但无法下载文档文件 doc pptx odt 下载文档 doc pptx odt 时 仅将其下载为 ZIP XML 文件 我可以做什么 我在用着 填写上传文件文档 https github com balderda
  • D3.js - 具有多个环的圆环图

    以下示例显示了 D3 js 中的圆环图 是否可以向图表添加多个圆环 var dataset apples 53245 28479 19697 24037 40245 var width 460 height 300 radius Math
  • 左对齐图像和居中文本在 div 内的同一级别?

    HTML br div class UpperTitle img src align left CableSolve Web Dashboard Version 0 1 1 div br CSS UpperTitle text align
  • 如何仅突出显示嵌套表的最里面的表行?

    我有几个嵌套表 我想突出显示鼠标指针下方的最里面的行 我怎样才能做到这一点 一些提示 我使用嵌套表来显示递归表格数据 表可以嵌套 10 层 嵌套正如您所期望的那样 table tr td table tr td table tr td 可能
  • window.open 使用 css 样式

    我想设计我的 window open 目前 我的网页上有一些项目由于解析了某个类而打开 然后在新窗口中打开指定的文本 我想更改字体大小 字体和填充等 这是我的 JavaScript 代码
  • 指定在任何 Jest 设置发生之前运行的代码

    tl dr 是 1 我怎样才能让Jest使用原生的require函数可以在任何地方加载我的测试中的所有模块 2 我将在哪里 如何进行修改 即替换为esm加载程序 https github com standard things esm ht
  • 使用 div 或表格来包含链接列更好吗?

    我的页面底部有 3 列链接 每列都放入一个 div 中 所有三个 div 都包装在页面中央的一个大 div 中 这是更适合桌子的东西还是桌子不适合这项工作 您还可以使用 ul http www w3schools com tags tag
  • 如何从react-bootstrap复选框获取值/属性?

    我正在尝试使用反应引导复选框 https react bootstrap github io components html forms controls https react bootstrap github io components
  • 使用Jquery(或js)在html表格上循环遍历列的单元格(不是行的单元格)?

    使用 jQuery 循环遍历单元格或行很简单 但循环遍历列的单元格并不简单 for cells of rows I will do this table tr each function index elem loop through ce
  • 使用 QtWebEngine 将 C++ 对象暴露给 Qt 中的 Javascript

    使用 QtWebkit 可以通过以下方式将 C 对象公开给 JavascriptQWebFrame addToJavaScriptWindowObject如中所述https stackoverflow com a 20685002 5959
  • R闪亮:使用闪亮的JS从数据表中获取信息

    我想读出所有列名称以及它们在数据表中显示的顺序 由于不同的原因 我无法使用 stateSave 等选项 我对 JS 没有什么把握 但我确信用它可以完成 所以我需要你帮助我 我尝试过类似的代码片段 datatable data callbac

随机推荐

  • keras图像预处理不平衡数据

    All 我正在尝试使用 Keras 对两个类进行图像分类 对于一个类 我的图像数量非常有限 比如 500 至于另一类 我的图像数量几乎是无限的 那么如果我想使用keras图像预处理 该怎么做呢 理想情况下 我需要这样的东西 对于第一类 我提
  • 为什么我的颜色条中有线条?

    Edit 由于这似乎是一个受欢迎的帖子 因此这里的解决方案似乎对我来说效果很好 谢谢 gazzar 和 mfra cbar solids set rasterized True cbar solids set edgecolor face
  • 在 ~/.gitconfig 中放入什么来暗示 --show-signature 对于每个支持它的 git 子命令?

    我刚刚搜索过git config 1 https git scm com docs git config git log 1 https git scm com docs git log and git show 1 https git s
  • 具有多态模型的嵌套形式

    我正在制作一个具有以下属性的应用程序 并且正在创建一个单一表单 以便能够保存目标 目标的任务 目标的里程碑和里程碑的任务 app models goal rb has many tasks as gt achievement has man
  • 如何防止 coclass 实现在 ATL 类型库中公开

    我正在构建一个带有类工厂类型的 ATL 类型库 有点像这样 object uuid interface INumber IDispatch propget id 0 HRESULT Value out retval LONG pVal ob
  • 正则表达式仅匹配一个句子

    PHP中有没有一种正则表达式可以只匹配一个句子 例如以大写字母开头并以大写字母结尾的句子 or preg match regex here g string matches 有时会使用缩写 因此如果后面跟有 2 个字符或更少的单词 则不得结
  • Python Django getattr():属性名称必须是字符串

    我正在使用 python Django 并收到以下错误 getattr attribute name must be string location val getattr obj field if field in headers if
  • 如何阻止 FullRowSelect 同时选择列标题

    我查看了有关 DataGridView SelectionMode 的其他帖子 但没有发现任何人有同样的问题 仅发生在 NET 4 7 2 当我选择一行时 我单击的列的标题也会被选中 如下所示 将以下两行代码添加到您的构造函数中 第一行也可
  • Vuejs 点击复选框事件?

    我在复选框上有一个 v 模型 其值是从循环分配的 我希望单击事件调用一个函数 我需要在其中访问已选中的数据 当单击被触发时 如果我记录状态 它不会打印复选框的当前单击数据 它打印先前单击的复选框数据 是否必须在函数中传递事件并访问数据 di
  • 如何使用adb命令打开和关闭屏幕? [复制]

    这个问题在这里已经有答案了 我正在使用 KEYCODE POWER 来打开和关闭已 root 的手机 以下命令用于打开和关闭屏幕两种情况 adb shell input keyevent KEYCODE POWER 但是 我想在不同的情况下
  • 当默认电子邮件被覆盖时,Djoser 不发送电子邮件

    我有一个使用 Djoser 进行身份验证的 DRF 项目 该计划是覆盖 Djoser 的默认激活电子邮件并发送 HTML 模板电子邮件 这是我所拥有的 settings py DJOSER SEND ACTIVATION EMAIL Tru
  • Jquery无法从每个函数中获取值

    我正在使用其中带有输入字段的表格 我试图从具有相同类的输入字段集中获取值 并与具有不同类名的每个相邻输入进行比较 我可以看到输入中的值 但 jquery 返回的值是空的 subtotal each function var price th
  • .NET 抽象类

    我正在设计一个网站导航层次结构 它是一棵节点树 大多数节点是页面 有些节点是链接 想想 Windows 中的快捷方式 大多数页面都包含 HTML 内容 一些执行代码 我想将它们表示为类和抽象 MustInherit 类的集合 这是我将存储所
  • JavaScript 中的业务逻辑。胖客户端与瘦客户端

    用 JavaScript 在客户端实现业务逻辑是个好主意吗 应该有什么样的逻辑 验证逻辑 与 GUI 有关吗 如果相同的逻辑想要在另一个应用程序 公开的 中使用 并用 JavaScript 实现它 那么您会做什么 这意味着您无法重用该逻辑
  • Google 日历推送通知:未经授权的 webhook 调用

    目前我们正在开发一款处理谷歌日历的 iPhone 应用程序 需要将日历事件同步到服务器端 一切正常 但对于推送通知 我们正在关注这个流程 https developers google com google apps calendar v3
  • 在Python中,什么时候应该使用函数而不是方法?

    Python 的禅宗指出 做事情应该只有一种方法 但我经常遇到决定何时使用函数和何时使用方法的问题 让我们举一个简单的例子 ChessBoard 对象 假设我们需要某种方法来获得棋盘上所有合法的国王走法 我们写 ChessBoard get
  • 通过控制台使用文件流写入字节输出进度时出现内存不足异常

    我有以下代码 在写入大文件时抛出内存不足异常 我有什么遗漏的吗 我不确定为什么它会抛出内存不足错误 因为我认为文件流最多只能使用 4096 字节作为缓冲区 老实说 我不完全确定缓冲区意味着什么 任何建议将不胜感激 public static
  • Erlang 是集群计算世界的 C 语言吗?

    Erlang 似乎在网络上的级别和性能都很低 但没有非常丰富的类型系统或其他函数式语言提供的许多东西 所以在我看来它将成为集群编程的最低级别开发语言 直到出现其他东西并提 供像样的集群虚拟机和高级构造 对此有什么想法吗 C是集群计算的C 至
  • Flex/Actionscript 白色至透明

    我正在尝试使用动作脚本在我的 Flex 3 应用程序中编写一些内容 它将拍摄图像 当用户单击按钮时 它将去除所有白色 ish 像素并将它们转换为透明 我说白色 ish 是因为我尝试过纯白色 但边缘有很多伪影 使用以下代码我已经有点接近了 t
  • 如何将 HTML 页面滚动到给定的锚点

    我想让浏览器将页面滚动到给定的锚点 只需使用 JavaScript 我已经指定了一个name or id我的 HTML 代码中的属性 a a or h1 h1 我希望获得与您导航到相同的效果http server com path anch