Добавить / удалить класс, когда выделите в середине

Question

Добавить / удалить класс, когда выделите в середине

0

У меня есть сайт в twitter bootstrap с верхней фиксированной навигацией.
У меня есть две навигации, одна сверху, а другая - в середине. Верхняя часть имеет фиксированное положение, но требования - это когда мы прокручиваем до середины и доходим до средней навигации, добавляем фиксированный класс в среднюю навигацию и удаляем фиксированный класс из верхней навигации.

Благодарим за помощь заранее. Муртаза

Ady 09 май 2014, в 06:58

Источник

1

Привет и добро пожаловать в StackOverflow. Если бы вы могли предоставить пример кода, который помог бы нам воспроизвести вашу ситуацию / проблему, это помогло бы получить ответы на ваш вопрос. Предоставление JSFiddle (.net) - это удобный вариант для показа примеров, хотя и не самый простой для использования с такими фреймворками, как Bootstrap. Возможно, помогут некоторые скриншоты того, что в данный момент не работает вместе с вашим существующим HTML-кодом. Наслаждайтесь сетью!
Robbie Averill 09 май 2014, в 04:38

Теги:

jquery

jquery-ui

2 ответа

Ещё вопросы

Привет и добро пожаловать в StackOverflow. Если бы вы могли предоставить пример кода, который помог бы нам воспроизвести вашу ситуацию / проблему, это помогло бы получить ответы на ваш вопрос. Предоставление JSFiddle (.net) - это удобный вариант для показа примеров, хотя и не самый простой для использования с такими фреймворками, как Bootstrap. Возможно, помогут некоторые скриншоты того, что в данный момент не работает вместе с вашим существующим HTML-кодом. Наслаждайтесь сетью!

maj · Answer 1 · 2014-05-09T03-39-00.000Z

Попробуй это

$( window ).scroll(function() {
  if($( window ).scrollTop()==$("yourId").offset().top){
    $("yourId").addClass("fixed");
  }
});

Благодаря Maj, я попробовал это, и это не работает для меня, я удалил класс top nav, но все еще ищу решение для того, когда я удаляю класс из top, в то же время я хочу добавить класс к mid nav.

Roy M J · Answer 2 · 2014-05-09T02-39-00.000Z

Вы можете использовать следующее.

Демо: http://jsbin.com/hifakesu/1/

JS:

$( window ).scroll(function() {
  var scrollVal = $( window ).scrollTop();
  if(scrollVal==100){
    $(".test").addClass("fixed");
  }
});

HTML:

<html>
<body>

  <div class="test"></div>

</body>
</html>

CSS:

.test{
  height:700px;
  float:left;
  width:250px;
  background:#CCC;
}

Надеюсь это поможет. ура