Есть разметка
<body>
<ul class="connectform" id="but1">
<li><span>Закажите звонок</span><i class="fa fa-envelope"></i></li>
<form id="callback" class="pop_form">
<input type="text" id="phone" name="phone" placeholder="Ваш телефон" required>
<input type="text" id="name" name="name" placeholder="Ваше имя" required>
<input type="text" id="loco" name="loco" placeholder="Ваш адрес" required>
<textarea type="text" name="message" placeholder="Опишите фронт работ..." required /></textarea>
<button class="button" type="submit">Отправить</button>
</form>
</ul>
</body>
Есть код
$('#phone, #name, #loco').focus(function() { $('#but1').addClass("bbc");});
Как сделать, чтобы при добавлении класса bbb с positon:absolute и top:0 появлялся не вверху страницы, а вверху дисплея.
Идея такая- список со вложенной формой фиксирован на странице, но при нажатии на него выдвигается форма и при нажатии на ее поля список меняет свое положение на абсолютное, но привязанное к верху экрана, а не страницы
