我一直在尝试制作行标记脚本来帮助我在线阅读文本。当我读书时,我总是用尺子或纸。在线上,我没有此选项,通常会迷失在文本中。

W - move div up
S - move div down


JS fiddle for my current effort (S = down, W = up)

我能想到的最好的办法是使所有文本元素的行高相等,但是使样式非常困难。另外,我希望能够在控制台中运行它以在任何网站上启用它(或将其安装为附件)。

有没有更好的方法来设计这样的工具,使它更强大并且更适合未知内容?


我当然可以选择文本,而且我经常这样做。通常,这导致我只选择一些单词->注意该单词,这是我要避免的一种。
我还可以使用辅助窗口,有时会这样做。但这有点不稳定,一旦您单击它就会消失。
跟随鼠标指针的div是可能的,但是它太不稳定了,感觉像手指上有东西卡住了。


编辑:我用更改更新了小提琴。我保留了javascript,因为没有它,您将无法将标尺移动到文本的下部。
Updated reading-ruler

最佳答案

您可以为.ruler设置position: fixed而不是JavaScript。它会一直保持在同一位置,因此您可以阅读下面带有.ruler元素的文本。

这是jsFiddle。 http://jsfiddle.net/RxDpP/1/

09-18 23:43