Кирилл Пензин то есть для каждого элемента отдельно это делать? допустим у меня 7 пунктов, вот я кликнул на первый у меня ссылка стала активной я ищу элемент с id="one" и даю ему тоже .active, далее я кликаю на вторую ссылку, он делается .active, а как дальше написать, чтобы у второго блока с id="two" добавился .active? Ту же самую функцию еще раз ниже скопировать и вставить, только теперь id="two" и так 7 раз?
Кирилл Пензин работает сейчас так же, как и предыдущий мой код, который только ссылкам класс навешивал/убирал
$(".bank-filter__tabs a").click(function(e) {
e.preventDefault();
$(".bank-filter__tabs a").removeClass('active');
$(this).addClass('active');
});
Кирилл Пензин спасибо, не пойму только где тут связь с теми блоками на которые ведет якорь и которые должны становится активными. вот так код мой сейчас выглядит:
function addClass() {
var id = this.href.split('#')[2];
$(".bank-filter__tabs a").addClass('active');
/* добавить код для удаления класса эктив у остальных */
$(".bank-filter__tabs a").removeClass('active');
$(this).addClass('active');
}
var nodeList = document.querySelectorAll('.link'); /* .link - класс у всех ссылок */
for( var i = 0; i < nodeList.length; i++) {
nodeList[i].addEventListener('click', addClass);
}
Николай Лапшин как я определюсь блока на который ведет пункт? Так связываю атрибут href пункта с соответствующим id блока. То есть вы предлагаете добавлять класс по тому принципу, что я описал выше в вопросе?
Максим Жаров: Вот внизу есть скроллбар, если ты на нем левую кнопку мыши зажмешь и подвигаешь влево-вправо, то будешь перемещать контент внутри. Я хочу чтобы точно так же можно было перемещаться зажимая левую кнопку мыши внутри .wrapper, а не только на самом скроллбаре, и чтобы когда ты так перемещался скроллбар следовал за тобой, понятно?
HamSter: да ты просто левую кнопку мыши зажимаешь и можешь не скролить, а перетаскивать влево-вправо, ну и курсор меняется на стрелочки влево-вправо, когда зажал. как в слайдерах реализовано, только там обычно курсор не меняется
Bowen да, только намного проще, оставить стандартный скроллбар и просто добавить возможность перетаскивать и " чтобы еще была возможность скроллить колесиком мыши, когда курсор в этом блоке находится"