允许用户在长页面上添加书签/锚点

Question

我目前正在使用长滚动文本页面的Wordpress网站上工作。客户端宁愿不将其分解为页面（是的，我知道）所以我试图弄清楚是否有任何方法允许登录用户能够在页面中保存他们的位置以便下次他们登录，他们只需点击一个链接，然后回到他们离开的地方？

我想的可能是拖放'添加书签'类型的东西，但我不确定它会起作用。也许允许用户选择部分文本和书签或以这种方式突出显示。

我还没有尝试过任何事情，因为老实说我不知道​​从哪里开始 - 也许这无论如何都是一个愚蠢的想法。任何意见都将不胜感激，谢谢。

Answer 1

当然，这不是一个愚蠢的想法。每当您积极考虑网站上的用户体验时，即使您决定不实施该功能，也要花时间 - 至少它是一个积极的决定，而不是被动的决定。

如果你想做类似的事情，我可能会采取某种逐步增加的方式。＆p; ID，然后允许拖放书签过程，甚至自动保留一个记录滚动位置或最顶层可见段落的ID的变量。

喜欢（在我的头顶）：

var curScrollPos
$('#wrapperdiv').scroll(function() {
    curScrollPos= $('#wrapperdiv').scrollTop();
});

// Wrapping the cookie write/save in setInterval so it's not continuously writing
setInterval(function() {
    // Save curPos here using method of your choice
}, 3000);

您可以编写一个快速函数，使用curScrollPos通过查看其.top属性或其他内容来确定哪个段落位于页面顶部。 （虽然，这可能会变长/慢。通过在向页面添加段落时将每个值添加到数组中来更好地缓存.top值列表）

然后在文档加载时，只需将它们回放到之前的位置。