@love_fishing

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

Здравствуйте.
Лендинг пейдж. В середине страницы есть bootstrap tabs.
При нажатии на какую-то вкладку открывается ниже информация, соответствующая вкладке. Все стандартно.
Суть проблемы в том, что, так как вкладки tab стоят посередине стайта, то при нажатии на вкладку открывающаяся информация уходит за нижний край экрана и надо приподнимать страницу,чтоб прочитать информацию.
Как нибудь можно сделать, чтобы при нажатии вкладки tab у меня блок с tabами, кроме того, что открывал вкладку приподнимался к верхней части экрана и вся информация была бы у пользователя уже перед глазами и ему не надо было бы скролить колесиком мышки вверх,чтобы прочитать ее?
  • Вопрос задан
  • 653 просмотра
Решения вопроса 1
iamd503
@iamd503 Куратор тега CSS
Верстальщик
$('.tab').click(function(){
	$('html, body').stop().animate({ scrollTop:$('.tabs').offset().top}, 500);
});

tab - это вкладка
tabs - это блок, куда надо подниматься
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы