故事的JavaScript书签

我正在开发一个小说编辑器，可以创建HTML导出。为了让读者更容易理解故事，我考虑支持在页面上可见的书签（这样你可以标记部分文本或将图像拖到粘贴的地方）。这些信息应该保存在cookie中，并在读者返回时重新加载，这样他们就可以快速跳转到页面并放在离开的地方

---

我有什么选择？这样的事情已经存在了吗？您已经看到类似的内容了吗？

您可以使用javascript滚动到页面的一部分。所以，如果你有一个可以拖动的元素，你可以获取它的坐标并保存它。当有人想进入书签时，您可以滚动至保存的坐标

窗口。滚动到（左，上）

是滚动到页面某一部分的功能

---

使用这样的框架，添加拖动行为将很容易。如果得到偏移量并将其保存在某个位置，恢复它就不会那么困难。

我已经实现了一个解决方案。请参阅

bookmarks.js

了解JavaScript plus，您需要一个DIV（请参阅页面源代码中的

bookmarks.css

和jQuery中的两个脚本（

jQuery-1.4.2.js，jQuery-ui-1.8rc2.custom.min.js，jQuery.cookie.js，jQuery.url\u toolbox.js，jQuery.timers-1.2.js

）

---

页面中嵌入的脚本（在

bookmark.js

之前）定义了书签信息的cookie名称（全局变量

bookmark\u cookie

）。

我认为类似的方法应该可以工作。你已经看过类似的东西了吗？不，我以前没有看过。我正在尝试建立一个概念证明，但我没有时间去做。谢谢，我完成了第一个版本，今晚将上传它。它只有77行JS（加上XXX KB的jQuery支持库；）。有关实现，请参阅我的答案。