Как получить текст заголовка, если блок в котором он находиться виден?

Question

[Андрей Канаев]

Есть блоки классом menu, если неданный момент блок находиться на экране нужно получить заголовок этого блока! Для проверки какой блок сейчас на экране использую плагин jquery inview.

Answer 1

[V Sh.]

$(".menu h1").html() ?
Может быть несколько блоков с классом .menu, а виден только один из них? Тогда так: $(".menu.visible-menu h1").html(), где .visible-menu - класс, показывающий меню.

Comments

[Андрей Канаев]

Я наверное не совсем правильно сформулировал вопрос. Остальные блоки за границей просмотра, т. е. они скрылись при скроле.

[V Sh.]

Андрей Канаев: Я так понимаю, что вы уже как-то выбрали видимый элемент? Если да и у вас этот элемент записан, например, в переменную menu, то можете обратится к элементам внутри menu через find. Вот так: menu.find("h1"). Find ищет элементы внутри уже выбранного элемента...

[Андрей Канаев]

V Sh.: Наверное я снова не так объяснил. В общем есть меню ресторана все блюда выведены на страницу. Они делиться по категориям у которых есть название мне нужно выцепить название категории и поместить его в фиксированную навигацию как только юзер доскролил до этой категории.

[V Sh.]

Андрей Канаев: Что-то типа такого? https://jsfiddle.net/37n4wrqa/

[V Sh.]

Андрей Канаев: Немного подправил: https://jsfiddle.net/37n4wrqa/1/

[Андрей Канаев]

V Sh.: Да типа такого но только этот пример не работает(

[V Sh.]

Андрей Канаев: Как не работает? Что именно?

[Андрей Канаев]

Не меняется значение в .fixed

[V Sh.]

Андрей Канаев: А в каком браузере смотрите? У меня в хром все работает.

[Андрей Канаев]

Я во всех проверил. Кроме хрома