Образцов статей разбитых на страницах врезки

Question

My Google-фу в настоящее время позволить мне вниз, так что я думал, что я здесь спросить некоторую помощь ..

У меня есть страница, которая имеет одну статью о нем (url.com/article/статья-заголовок). Когда вы просматриваете страницу с помощью jQuery, она загружает следующую статью и изменяет URL (url.com/article/next-article-headline).

Моя проблема в том, что у меня есть левая боковая панель, в которой есть список всех статей. Я бы хотел, чтобы текущая статья была выделена. Поэтому, когда вы прокрутите страницу вниз и следующая статья загружает следующий заголовок статьи боковой панели подсвечиваются и т.д. и т.п.

Если вам нужен пример того, что я имею в виду вы можете увидеть его в действии на Time.com http://time.com/4010146/smartphones-dinner/ (прокрутите вниз страницу и посмотреть URL-адрес и боковую панель)

Я действительно изо всех сил пытаюсь найти то, что он назвал, чтобы сделать правильный поиск. Я думаю, что это похоже на scrollspy, но я не уверен. Существуют ли какие-либо плагины, которые существуют для этого?

Answer 1

Вам необходимо добавить атрибуты данных на свою боковую панель и раздел статьи в основном содержании. С помощью которого вы можете определить название статьи.

Используя jQuery, добавьте класс с именем «active», который определит, что текущая статья активна, и стиль «активный» класс позже для боковой панели.

Пример: .sidebar-article.active { color: #f00; }

Если вам нужно решение, которое вы должны также обеспечить соответствующую структуру HTML и JQuery код с помощью скрипки. Так что остальной фрагмент кода, который мы могли бы предоставить, а также не повредить вашей текущей базе кода.