0

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

W - move div up
S - move div down

JS 为我目前的努力(S = down,W = up)

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

有没有更好的方法来设计这样的工具,使其更能适应未知内容?

  • 我当然可以选择文本,而且我经常这样做。通常,这会导致我只选择一些词-> 注意力会转移到那个词上,这是我想要避免的。
  • 我也可以使用辅助窗口,我有时会这样做。但它有点摇摆不定,一旦你点击它就会消失。
  • 跟随鼠标指针的 div 是可能的,但它太不稳定了,感觉就像有什么东西卡在了你的手指上。

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

4

1 回答 1

3

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

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

于 2013-11-01T10:28:26.793 回答