Как с помощью jquery выделить определенное предложение и проскролить до него?

Question

[pcdesign]

Есть длинный html текст.
В нем есть предложение.
Как его выделить (mark) и прокрутить до него вертикальную прокрутку? Чтобы предложение стало видно на экране.

Answer 1

[MishaPandovich]

Возможно поможет, https://jsfiddle.net/dcg8anpu/

Comments

[pcdesign]

Спасибо за ответ.
А как действовать если ко мне это предложение приходит через js.
то есть есть

var sentence =  'Нередко под текстом понимается также любой речевой отрезок';

Вот его надо как-то найти в тексте, выделить и проскролить к нему.

[MishaPandovich]

pcdesign, вот как вариант https://jsfiddle.net/rpbxcjdf/23/ , код конечно надо будет поправить, а то без слёз на него не взглянешь, но работает! надеюсь поможет :)

[pcdesign]

MishaPandovich, спасибо вроде все работает.
Попробовал на реально большой странице с громадным текстом и с бутстрепом.
Там выделенное предложение помещается строго под меню бутстрепа из-за navbar-fixed-top.
Убрал этот класс - все работает идеально. Меню правда не видно, но это уже ерунда.

[MishaPandovich]

pcdesign, попробуйте вот так:
$('html,body').stop().animate({ scrollTop:$('#some_point').offset().top / 2}, 1000);

[pcdesign]

MishaPandovich, так он перебрасывает в непонятное место, никак не связанное с предложением.

[MishaPandovich]

Прокрутка к якорю с отступом сверху https://ru.stackoverflow.com/questions/379099/%D0%...

[pcdesign]

MishaPandovich, спасибо, попробую. Еще не понятно как все это будет работать на мобильных устройствах.