javascript - 创建滚动标记以显示网页中的重要位置

标签 javascript jquery html css

我想创建滚动标记来显示网页中的重要位置。

我不想向滚动条添加黄色突出显示,而是根据内容所在页面的位置在滚动条附近添加小元素符号图标。

单击按钮后,页面将自动移至页面的该部分。

这是一张显示我想要做的事情的图片。

Image showing the kind of markers i want

最佳答案

您可以在网站中添加 anchor ,例如:

<div id="anchor1" style="position: fixed" onClick="$(this).parent().scrollTop($(this).data('y'));" data-y="500">Marker 1</div>

然后你会得到一个固定定位的元素,如果单击它,页面将滚动到你想要的 y 坐标。

关于javascript - 创建滚动标记以显示网页中的重要位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31772067/

相关文章:

javascript - 带有句法着色的 Json Pretty Print

javascript - Angular ngfor循环显示菜单

javascript - 根据其他输入填充输入

javascript - 循环内的 AJAX 调用

javascript - 使用 JSONP,我有 'ReferenceError: data not defined'

javascript - 淡入淡出页面 html 并使用数组脚本更改图像

javascript - 如何记录 (jsduck/jsdoc) cucumber.js 步骤定义?

javascript - 如何从ajax获取准确的错误消息

jquery - 如何在单击时运行此脚本

html - 要在表 TD 中显示的垂直文本?