Блог

Главная - Вопросы по программированию - Используйте skrollr для изменения цвета привязки навигационных ссылок

Используйте skrollr для изменения цвета привязки навигационных ссылок

#html #css

#HTML #css

Вопрос:

Я хотел бы изменить цвет моих навигационных ссылок, если привязка достигает моей цели. Это работает нормально, если я использую атрибуты данных в своем <a> , но не в том случае, если я хотел бы использовать это в своем <nav> для всех ссылок.

Вот моя скрипка:http://jsfiddle.net/6FMsA/1

Это то, что я пробовал:

        data-anchor-target="#change" 
       data-0="color: rgba(0,0,0,1);" 
       data-top="color: rgba(255,255,255,1);"
       data-top-bottom="color: rgba(0,0,0,1);"

Ответ №1:

Прежде всего, ваш JavaScript имеет недопустимый синтаксис.

Кроме того, это не имеет отношения к skrollr. Вы определили цвет для ссылок в своей таблице стилей, и нет никаких причин, по которым они должны наследовать цвет элемента навигации. Если вы хотите этого, используйте color:inherit .

http://jsfiddle.net/6FMsA/2/

Комментарии:

1. Может быть, вы могли бы мне помочь? Возможно ли использовать привязки данных skrollr более одного раза? Например, всегда на темном фоне? jsfiddle.net/6FMsA/3

2. @l00per К сожалению, нет, это невозможно. Также недопустимо использовать один и тот же идентификатор дважды. Ваш единственный вариант — не использовать другой элемент вокруг навигации.