0

Есть кнопка в футере (правая нижняя), по нажатию которой появляется subscribe-окошко. Обращаю внимание, что происходит выравнивание по правому краю кнопки. Насколько я понимаю, это не модальное окно. Прошу подсказать метод реализации, в каком направлении двигаться. Я подумал было, что сделать его можно табами, но что-то засомневался.

введите сюда описание изображения

введите сюда описание изображения

1
  • 1
    банальный show/hide или fade 15 мар 2016 в 10:50

1 ответ 1

1

$(function() {
  $('.mes').hide();
  $('.but').on('click', function() {
    $('.mes').toggle(100);;
  });
});
* {
  box-sizing: border-box;
}
.p {
  height: 2500px;
}
.mes {
  background-color: #fc9;
  border: 3px solid #f93;
  bottom: 25px;
  height: 200px;
  left: 200px;
  position: absolute;
  width: 300px;
}
.but {
  color: white;
  background-color: #ffab33;
  width: 300px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 200px;
  cursor: pointer;
}
.cont {
  bottom: 0;
  left: 0;
  position: fixed;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="p">Простыня</div>
<div class="cont">
  <div class="but">Подписаться</div>
  <div class="mes">Подписка. Форма ниже</div>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.