0

Как сделать адаптивный шаблон при увеличении масштаба блок с категориями скрывался, но отображался сдвигом слева при клике по кнопке??

1
  • Вам надо копать в сторону медиа запросов. @media screen 2 фев 2017 в 12:43

1 ответ 1

1

Эффект сдвигов можете написать сами, либо воспользоватся animate.css либо методом jquery .animate()

 function menu() {
   $('.menu').toggleClass('visible');
 }
.menu-hamburger {
  display: none;
}
.visible {
  display: block !important;
}
@media screen and (max-width: 769px) {
  .menu {
    display: none;
  }
  .menu-hamburger {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="menu">
  <ul>
    <li>menu1</li>
    <li>menu2</li>
    <li>menu3</li>
    <li>menu4</li>
    <li>menu5</li>
  </ul>
</div>
<button class="menu-hamburger" onclick="menu()">
  x
</button>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

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