jQuery Скролл до Элемента содержащего Текст

256

03 июня 2017, 18:03

Всем привет, нужен пример скрипта который будет скроллить экран не просто до элемента с якорем, а до элемента который содержит текст "HELLO"

Вот код например

<div> WORLD </div>
<div> HELLO </div>

Нужно прокрутить до элемента содержащего текст HELLO.

Повторюсь, как прокручивать до якоря, тоесть задать элементу id и прокручивать до #id я знаю, в данном приложении якорь нельзя использовать, поэтому нужно прокручивать до элемента содержащего текст

Answer 1

можно использовать contains() в jQuery селекторе

$(document).ready(function(){ 
$('html, body').animate({ 
  scrollTop: $('div:contains("HELLO")').offset().top 
},'slow'); 
});

div { 
  height: 1000px; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div> WORLD </div> 
<div> HELLO </div>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

PassportJS без редирект

Использую passportJS для регистрации через facebookПерехватываю CallbackURL вот так:

280

javascript

Проблема с установкой балуна метки в яндекс картах

http://jsfiddlenet/z3pjcnLq/1/

312

PHP

Строки при которых код выполняться не будет

РебятаСуществует ли способ сделать "Список запрещённых СЛОВ" при которых код в if выполнятся не будет? Нужно чтобы $sendans = 'Девушку'; было не одно...

326

PHP

Странное поведение php array_unique

Всегда один и тот же результат: Элементов в исходном массиве: 50000 Элементов в массиве после удаления дублей: 32768 случайный элемент: 15535=>79545Если...

296