设置自定义锚点

2023-12-01

有没有办法在实际 HTML 标记之外的位置自定义设置锚点?

我正在使用这个简单的视差滚动脚本,名为“smoothscroll.js' at 'http://www.kryogenix.org/code/browser/smoothscroll/smoothscroll.js'

它的工作原理是建立指向锚点的链接。HOWEVER,我需要将它们放置在标记所在的位置之外。上面大约200px。

我尝试过使用类和内联的外部CSS。

EG:

<a name="kids" class="anchor" style="margin-top:-200px;"></a>


<a name="kids" class="anchor" style="margin-top:-200px;"></a>

.anchor { margin-top: -200px; }

有什么建议么?!

这个问题是这个问题的派生,锚点定位(2 - Q 点,寻求帮助!)


Since a不是块元素,margin-top将无法按预期工作。

这是一些修改后的 CSS:

.anchor {
  display: block;
  position: relative; /* relative to the parent container, needed for top/left positioning*/
  top: -200px;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

设置自定义锚点 的相关文章

  • console.log 是如何工作的?

    第一个例子 在以下示例中 http jsfiddle net maniator ScTAW 4 http jsfiddle net maniator ScTAW 4 我有这个js var storage function var store
  • 在 Fabric.js 中进行裁剪的“toDataURL”函数中,Multiplier 属性无法正常工作

    我的原始尺寸canvas is 800X700 我在用clipTo要在画布的选定部分中工作 var rect new fabric Rect left 100 top 50 fill fff width 376 height 602 str
  • 单击元素外部时触发事件的指令

    我知道有很多问题都在问类似的事情 但没有人真正解决我的问题 我正在尝试构建一个指令 当鼠标单击当前元素外部时 该指令将执行表达式 为什么我需要这个功能 我正在构建一个应用程序 在这个应用程序中 有 3 个下拉菜单 5 个下拉列表 如选择的
  • 添加数组的总和。显示1个输出

    更新 这个问题的答案如下 感谢在不同线程上进行的 dougtesting 将数组相加 显示总和 https stackoverflow com questions 45724641 add array together display su
  • Tailwind CSS:“outline”类不存在。但这不是自定义样式,而是框架类

    在一个新项目中 我得到了奇怪的行为 除了大纲和相关内容之外 一切都按预期进行 https tailwindcss com docs outline style https tailwindcss com docs outline style
  • HTML5 Audio Element 无法在 IOS 11 设备上的 safari 中播放 mp3 直播

    我是一家广播公司的网络开发人员 自 iOS 11 发布以来 我们收到了一些用户投诉 称我们的音频直播流无法再在 IOS 11 设备上播放 为了将流嵌入我们的网站 我们使用 HTML5 AudioElement 在 iOS 11 的 iPho
  • 在 forEach() 中使用 `this` [重复]

    这个问题在这里已经有答案了 免责声明 我正在学习 JavaScript 我有一个像这样的对象构造函数 var Palette function this colors red green blue this getColorCombinat
  • 如何检查字符串中是否存在阿拉伯字符(javascript)

    如何用javascript语言检查字符串中是否存在阿拉伯字符 根据维基百科 http en wikipedia org wiki Basic Multilingual Plane 阿拉伯字符属于 Unicode 范围 0600 06FF 因
  • jQuery 删除函数真的删除 Dom 元素吗?

    我真的想知道 jQuery 是否remove http api jquery com remove 函数确实从 DOM 中删除元素 首先 我看了here https stackoverflow com questions 2185760 j
  • 是否可以全局文本对齐表列而不在每行中指定类?

    想知道提高效率的最佳方法是什么 也许使用 jQuery 我可以接受不兼容 ie7 的解决方案 如果需要的话 即使缺乏对 ie8 的支持也可以 table th td class cal center td td left td td cla
  • 如何隔离 Vuetify 全局样式

    我已经开始在旧的现有项目中将 Vue js 与 Vuetify 结合使用 所以我没有重写所有前端 我只是导入了Vue并替换了一些部分 然后我注意到一个非常意想不到的行为 Vuetify 具有常见类的全局样式 例如 title它不仅影响整个页
  • 在文档流中提取一个元素

    这是示例代码 top background lightGreen content outline 1px solid red bottom background lightBlue div Top div div Lorem ipsum d
  • 输入号码时自动格式化 SSN

    我有一个文本字段 用户输入 SSN 号码 输入自身时 它应该格式化 就像关于文本字段的更改 它应该格式化999 999 999以这种方式在显示器本身上 kottenator 的脚本几乎已经完成 但它每隔 3 位数字就中断该值 而不是 3 位
  • bootstrap-datetimepicker 仅显示日期

    我正在用这个repo https github com smalot bootstrap datetimepicker由 smalot 提供 我只想选择并显示日期 对于其他一些地方 我显示数据和时间 因此选择此存储库 我可以设法仅使用它来选
  • CSS - 最大宽度和椭圆

    我有一个包含文本的跨度 我希望跨度扩大到最大 500px 以容纳里面的文本 达到最大值后 我希望文本为任何溢出最大宽度的文本显示省略号 这可能吗 我尝试了以下方法 但这并没有达到目的 Thanks position absolute top
  • Chrome 和 IE 上的滚动/延迟事件

    我试图让用户始终看到一个内容块 即使他向下滚动页面也是如此 他还应该能够上下滚动内容块 这是一个精简版本的小提琴 向您展示我的意思 http jsfiddle net 9ehfV 2 http jsfiddle net 9ehfV 2 人们
  • 如何使 CSS 动画/过渡以固定速度而不是固定持续时间播放? [复制]

    这个问题在这里已经有答案了 我有一个 CSS 动画 可以使元素沿直线移动未定义的距离 据我所知 动画具有固定的持续时间 因此无论元素必须移动多远 动画始终需要相同的时间来运行 我该如何制作才能使动画没有固定的duration 但有固定的运动
  • 如何在 HTML 中创建可编辑的下拉列表?

    我想创建一个带有下拉列表的文本字段 让用户选择一些预定义的值 用户还应该能够键入新值或从下拉列表中选择预定义值 我知道我可以为此使用两个小部件 但在我的应用程序中 如果将其统一在一个小部件中会更符合人体工程学 是否有标准小部件或者我必须使用
  • 显示对象内容 - JS/jQuery

    With this data events 返回 object Object 我需要看看里面到底发生了什么 我找到了这个 var Finder each this data events function i n Finder Name i
  • 如何使用 jquery 生成并附加随机字符串

    一般性 我想使用 jQuery 或 javascript 将随机字符串附加到元素的属性 规格 我需要引用 CDN 上的 CSS 文件 不幸的是 每次更新该 CSS 文件时 CDN 都会更改该文件的 URL 所以我不能简单地引用静态 URL

随机推荐

  • powershell变量内联扩展作为cmdlet参数?

    调用 cmdlet 时 是否可以以某种方式扩展 powershell 变量的值 以便它充当 cmdlet 的参数 具有关联值 这是我正在尝试的示例 CREDENTIALED SECTION Username USER NAME Passwo
  • 单个字段中可以有多个外键吗?

    我想知道是否有一种方法可以在 MySQL 数据库的单个字段中包含多个值 其中每个值都是引用另一个表的外键 我正在设计一个包含产品表和产品认证表的数据库 我正在使用 InnoDB 和外键约束 产品 表包含有关产品特定实例的详细信息 产品表中包
  • CHM 中的 SVG 图形(Html 帮助研讨会)

    我正在尝试在 CHM 文件中使用 SVG 图形 CHM 由 HTML Help Workshop 创建 不幸的是 svg 文件没有显示在我编译的 chm 中 在 Html 中一切正常 我已经将 SVG 添加到了 hhp 的文件部分 但还是什
  • 将 django-oscarapi API ROOT 扩展到自定义 API 类

    我有一个 django oscar 应用程序 我使用 django oscarapi 作为我的自定义 API oscarapi 中缺少一些东西 例如类别和促销 但我已经能够使用 django restframework 来创建类别 API
  • Javascript源代码分析(特别是重复检查)

    部分重复this 笔记 我已经通过我编写的工具广泛使用 JSLint 该工具会定期扫描当前项目目录以查找最近更新 创建的 js 文件 它极大地提高了我的工作效率 而且我怀疑是否有任何东西的价格能与 JSLint 一样好 它是免费的 也就是说
  • lxml/requests 可以选择下拉选项然后解析生成的ajax吗?

    我有一个正在尝试测试的网站 虽然我可以在下拉列表中获取选项列表 但我不确定如何选择它 没有提交按钮 所以如果我选择它 它将加载下面的 ajax 表 我只是不确定 lxml requests 是否可以做到这一点或如何做到这一点 如果有人可以确
  • android服务的优先级如何设置?

    有没有办法设置android服务的优先级 我想在销毁应用程序的主要活动后在后台运行该服务 所以我从我的服务中返回 START REDELIVERY INTENT 但重新启动服务需要一些时间 大约 1 3 分钟 我想立即重新启动服务 有没有办
  • 从 ASP 启动/停止服务。网页

    我实现了一个网页 ASP NET VB 来启动 停止 Windows 服务 我使用了拟人化 如下所述 http support microsoft com kb 306158 当页面读取服务状态时一切正常 domain Me TextBox
  • Curl 错误:无法解析主机:www.localhost

    我收到无法解决的错误host www localhost 我不知道它为什么会来 url http www localhost 81 dbWIP selectApi php name name client curl init echo cl
  • 使用 rake db:create 创建 Rails DB 时出错

    我正在尝试使用 Rails 来实现我的第一个 hello world rails 示例入门指南在我的 OSX 10 6 3 机器上 当我去执行第一个时rake db create命令 我正在使用 mysql 我得到 simon Users
  • 切换选项卡后 WPF ComboBox 选择发生变化

    我做了一个基于嵌套选项卡的项目 嵌套选项卡是同一 viemModel 和同一 UI 的不同实例 当我在选项卡之间切换时 选项卡中存在的组合框会根据失去焦点的选项卡进行选择 我添加了测试项目的视图模型和视图 预先感谢您的帮助 主窗口
  • Hikari 池禁用调试模式

    大家好 我必须禁用日志信息com zaxxer hikari pool HikariPool 我尝试过 Logger getLogger com zaxxer hikari pool HikariPool setLevel Level OF
  • MS Word 宏 - 删除段落

    有人可以帮我使用 MS Word 宏吗 它可以在整个文档的每个段落中搜索特定符号 并删除不包含该符号的段落 我对 VBA 几乎一无所知 但刚刚收到一份巨大且笨重的文档 我需要快速编辑 这是一个快速宏 应该可以完成您想要的操作 谨慎使用 并且
  • 编辑框提示 - 始终显示提示

    我有一个带有提示的文本框 但我希望始终显示提示 即使 TB 中有输入也是如此 示例是 Gmail 应用程序中的 收件人 字段 您可以使用 3 种方法 剧透 使用数字 3 因为正如我的评论中提到的 在 Gmail 示例中 它不是实际的提示 在
  • Observable Angular2

    我的 Angular2 应用程序中有对象数组 当新对象到达时 我使用 SignalR 填充数组 现在的重点是当新对象到达时我遇到了错误 无法读取未定义的属性 我认为这可能是错误的 因为它的工作是异步的 并且在 html 中我曾经在对象内部获
  • WIF - FederatedSignOut 未将用户注销所有站点

    我正在使用 Windows 身份基础 对于一些 MVC 2 0 站点 我在将某人从所有受 WIF 保护的网站中注销时遇到了真正的问题 看起来我的注销只是将当前站点上的人员注销 这是我的代码 public void FederatedSign
  • Rails:从另一个模型调用一个模型。为什么这是不可能的?

    我有以下型号 class Room lt ActiveRecord Base belongs to hotel belongs to layout has many visits validates number presence true
  • 调用fopen时的内存分配不清楚

    1 File fp 2 fp fopen etc myfile txt w 3 fclose fp Now 我读了这个 在语句 1 中 在堆栈上为指针创建了一个 FILE 类型的 4 字节内存 在语句2中 在堆上分配了一块内存 sizeof
  • Firebase 实时数据库 CORS 问题

    我在网站上使用 Firebase 实时数据库 一切正常 但是 当我想使用自定义 json 令牌进行身份验证时 我收到如下 CORS 问题 来自另一个被阻止的源的请求 相同的源策略阻止读取远程资源位于https www googleapis
  • 设置自定义锚点

    有没有办法在实际 HTML 标记之外的位置自定义设置锚点 我正在使用这个简单的视差滚动脚本 名为 smoothscroll js at http www kryogenix org code browser smoothscroll smo