@love_fishing

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

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

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

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

Войти через центр авторизации
Похожие вопросы
RUVOD Москва
от 150 000 до 200 000 ₽
Sellavi Москва
от 110 000 до 160 000 ₽
iSpring Йошкар-Ола
от 80 000 до 130 000 ₽
04 авг. 2020, в 14:23
5000 руб./за проект
04 авг. 2020, в 14:03
10000 руб./за проект