Есть небольшой скрипт табов. Но когда есть скролл и ты где-то внизу и переключаешься на другой таб, то скролл сбрасывается. Эффект получается, как будто кнопки переключпния табов - ссылке, в которых href="#"
.
Там всего много в плане оформления, поэтому закинул сюда.
-
Писать код в одну строчку удобно? )) И сделали б котнента побольше, чтобы тот самый скролл, который вас смущает, был виден. Ну, хоть таким образом. А теперь бы понять, как можно переключать закладки, находясь при этом "где-то внизу"?– Deonis6 июн 2012 в 20:16
-
@Deonis Я о другом. Я про контент на странице. Если табы находятся где то по середине и я начинаю переключать, то скролл "сбрасывается" вверх– acidernt7 июн 2012 в 5:54
Добавить комментарий
|
2 ответа
Нужно запретить вызывание стандартного события по клику (сейчас это переход по якорю "#", то есть в начало страницы):
$('ul.tabs').delegate('li:not(.box_current)', 'click', function(e) {
e.preventDefault();
...
(обращаю ваше внимание на появление параметра "e" у функции)
-
-
2Да, поспешишь — людей насмешишь. Вы сначала убираете весь контент после меню, страница съезжает до этого меню, а затем добавляете и страница не съезжает обратно. Чтобы этого не происходило, нужно сначала показывать контент, а затем скрывать ненужный: jsfiddle.net/qh5Pc/2 7 июн 2012 в 7:07
-
@caravaneer А можно добавить эффект fadeOut для тех табов, что убираются?– acidernt7 июн 2012 в 11:03
-
Да, можно. Чтобы блоки не скакали друг под другом при появлении/скрытии, нужно добавить следующие правила: .widget_tabs { position: relative } .tabs_box { position: absolute; top: 39px; } Ну и не забыть поменять hide() на fadeOut() 7 июн 2012 в 11:35
-
Да местами поменяйте скрытие не активных блоков и открытие текущего и как бы всё. Смотрим тут
var tabs = $('.tabs li');
tabs.on('click', function() {
var indx = tabs.removeClass('box_current').index(this);
$(this).addClass('box_current');
$('.tabs_box').eq(indx).fadeIn(150)
.siblings('.tabs_box').hide();
});