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

时间:2015-08-02 12:51:36

标签: javascript jquery html css

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

我不想在滚动条中添加黄色高光,但在滚动条附近添加小子弹图标,具体取决于内容所在页面上的位置。

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

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

Image showing the kind of markers i want

1 个答案:

答案 0 :(得分:0)

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

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

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