Как поднять блок к верху экрана при клике на вкладку tab в этом блоке?

Question

[love_fishing]

Здравствуйте.
Лендинг пейдж. В середине страницы есть bootstrap tabs.
При нажатии на какую-то вкладку открывается ниже информация, соответствующая вкладке. Все стандартно.
Суть проблемы в том, что, так как вкладки tab стоят посередине стайта, то при нажатии на вкладку открывающаяся информация уходит за нижний край экрана и надо приподнимать страницу,чтоб прочитать информацию.
Как нибудь можно сделать, чтобы при нажатии вкладки tab у меня блок с tabами, кроме того, что открывал вкладку приподнимался к верхней части экрана и вся информация была бы у пользователя уже перед глазами и ему не надо было бы скролить колесиком мышки вверх,чтобы прочитать ее?

Answer 1

[Евгений]

$('.tab').click(function(){
	$('html, body').stop().animate({ scrollTop:$('.tabs').offset().top}, 500);
});

tab - это вкладка
tabs - это блок, куда надо подниматься

Comments

[love_fishing]

<script>	
	MyTab.onclick = function() { 
  $('html, body').stop().animate({ scrollTop:$('#panel-1176-3-0-0').offset().top}, 500);
  };
</script>

Вот так заработало. Вам спасибо, что помогли.Копал от вашей подсказки.
MyTab - мой таб
#panel-1176-3-0-0 - до куда будет идти прокрутка.

[love_fishing]

а можно как-то scrollTop указать в пикселях или процентах?

[Евгений]

love_fishing, #panel-1176-3-0-0 это не очень правильно. Лучше класс какой нибудь сделать

[Евгений]

love_fishing, а зачем? значение в px считается. Смысл нет переводить.

[love_fishing]

Евгений, помотрев мне хотелось бы чтоб блок приезжал не совсем к верху а по центру экрана был ну или чуть выше центра. Хотя впринипе это не принципиально. ВСе сделал нормально.Просто для общего развития.так как в js пока плохо разбираюсь.
Нассчет идентификатора согласен, поменял на свой собственный. Спасибо вам большое!

[Евгений]

love_fishing, можно подсчитать размер экрана и прибавить к значению вашего блока и тогда будет по середине