在Div中滚动到文本

时间:2018-03-02 07:47:02

标签: javascript

我正在创建一个降价编辑器,您在左栏中写入,结果显示在右栏中。与SO的降价编辑器类似。

问题是,当你的文本变长时,你再也看不到结果了,因为它太远而且远离视口。

我可以在textarea中获取当前光标位置。我也可以在div元素中获取文本并删除HTML标记。

有没有办法将div滚动到第n个字符,而不设置任何锚点?

编辑:我不是在寻找一种让页面可滚动的方法。我问是否可以滚动到div元素文本中的特定位置而不设置每个单词周围的锚点。它甚至可能吗?

EDIT2:@Cbroe是完全正确的。我的问题确实变成了:我怎样才能弄清楚我的网页上某个角色的位置?

1 个答案:

答案 0 :(得分:0)

嘿,如果使用jquery,可以在Jquery中使用$("#item").scrollTo函数。

$('div').scrollTo('#target'); // Scroll screen to target element

$('body').scrollTo(500); // Scroll screen 500 pixels down

$('#scrollable').scrollTo(100); // Scroll individual element 100 pixels down

Owner of this code up here

要在div中滚动,只需选择div。 对于第n个,只需在第二个jquery选择器中使用ccs选择器。

之后如果您在使div可滚动时遇到问题,可以使用css。

#divItem{ overflow-y:scroll; height:600px; }

你需要高度才能知道它应该停止扩展的位置。

编辑后编辑:Jus tuse .position在Jquery