如何为特定的锚点做偏置锚点功能？
如何为特定的锚点做偏置锚点功能？
提问于 2016-07-31 11:53:00
我有以下代码：
function offsetAnchor() {
if(location.hash.length !== 0) {
window.scrollTo(window.scrollX, window.scrollY - 160);
}
}
$(window).on("hashchange",offsetAnchor);
window.setTimeout(offsetAnchor, 1); 当我单击锚点时，它会将我带到锚点-160像素，这是正确的。然而，我的页面上的每个锚点都需要一个特定的偏移量。
如何指定仅作用于某个锚点的函数？有没有办法在一个函数中为多个锚点提供多个偏移量？
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-07-31 11:58:54
像这样重构一下代码怎么样：
var anchorDistanceMap = {
"someAnchor": -160,
"otherAnchor": -400
};
function offsetAnchor(distance) {
if (location.hash.length !== 0) {
window.scrollTo(window.scrollX, window.scrollY - distance);
}
}
$(window).on("hashchange", function (e) {
window.setTimeout(function () {
offsetAnchor(anchorDistanceMap[location.hash]);
}, 1);
});然后，您只需编辑anchorDistanceMap对象来表示每个锚点所需的距离。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/38680602
复制相关文章
相似问题
腾讯云开发者
