javascript - 如何在 url 路径中指定垂直偏移

Question

我可以在使用书签时在 url 路径中指定一个 y 偏移量吗？

假设我有这条路径:mywebsite.com/mypage#bookmark

我想将书签部分置于页面中间而不是顶部。

我想知道我是否可以指定类似 ..mypage#bookmark&y-offset=100

的内容

也许我可以使用 javascript 来获取该值..谢谢

Answer 1

没有本地方法可以做到这一点，但您可以做的是在 ID 和偏移量之间定义一个分隔符，例如/，然后解析出来。

例如:

/path/to/page#id/200

然后您可以将值解析出来并手动将其向前移动。请注意，如果您已经在页面上并移动到页面上的 anchor ，我不知道如何将其作为事件触发(请填写任何人？)

function moveToHash() {    function offset(node) {        var x = 0, y = 0; do {            x += node.offsetLeft;            y += node.offsetTop;        } while (node = node.offsetParent);        return {x: x, y: y};    }    var id = location.search.match(/([^\/]+)/)[1];    var offset = location.search.match(/\/(.+)/)[1] * 1;    var nodeOffset = offset(document.getElementById(id));    window.scrollTo(nodeOffset.x, nodeOffset.y);    window.scrollBy(0, offset);}