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

我目前正在使用长滚动页面的文本工作在Wordpress网站上。客户宁愿不把它分解成页面（是的，我知道），所以我想知道是否有任何方法允许登录用户能够保存他们在页面中的位置，以便他们下次登录时，他们只需点击一个链接并返回到他们离开的地方？允许用户在长页面上添加书签/锚点

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

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

来源

2015-07-11 CindyH

这当然不是一个愚蠢的想法。任何时候，如果您主动思考网站上的用户体验是否花费时间，即使您决定不实施该功能 - 至少这是一个积极的决定，而不是被动的决定。

如果你想做这样的事情，我可能会采用某种递增的方式增加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值

然后在文档加载时，将它们倒回到哪里他们之前。

来源

2015-07-11 10:13:18

也许我想让用户做自己的书签 - 它会少一些麻烦。无论如何，对我来说！另外，他们可以有多个。好的想法与段落ID，谢谢 - 在这里，我想我必须做一个字数或字符数或荒谬的东西。实际上，你让我想起了一些关于段落固定链接的文章，我相信这也是一样的。 – CindyH

用户做自己的书签最简单的方法是放弃拖放的想法，然后，只需添加第二个“点击此处加入书签”类型div到每个段落，将段落ID保存到cookie当点击时。 –

好吧，我已经有了这个jquery，在每个段落前添加一个div，向段落添加段落编号和相同的编号方案。我不能在这里添加代码，因为它不会让我使用回车键... – CindyH

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

回答

相关问题