Описание тега off-canvas-menu

Вертикальное меню навигации, выдвигающееся на экран из-за пределов окна (вне холста), когда пользователь щелкает значок или выполняет какое-либо другое действие.
0 ответов

Bootstrap с Offcanvas - 1 меню, 2 кнопки для открытия меню с данными-цели

Возникли проблемы с Bootstraps data-target/data-toggle и Offcanvas для скольжения в Nav.Мой код вы можете увидеть здесь http://modus-media.de/kunden/test/. Этот макет должен быть создан, и у меня есть загрузка DIV ".bar" в двух разных местах, что пр…
11 апр '16 в 09:28
1 ответ

Bootstrap: Свернуть фиксированное верхнее меню навигации, чтобы вставить его слева

Я хотел бы изменить поведение по умолчанию при начальной загрузке с фиксированной навигацией с push-in сверху на слайд слева. Я видел много людей, использующих вне холста, но они используют его с боковой навигацией. Я не смог найти ни одного рабочег…
24 мар '17 в 09:33
1 ответ

Изменить ширину offcanvas-меню, которое должно появиться в правой части экрана

Это касается zurb-фундамента 5.3. Я не знаю, scss, поэтому я использую css версию фонда 5.3. Я следую этому очень простому примеру меню offcanvas из учредительных документов. Это offcanvas-меню, похоже, имеет ширину по умолчанию. Поскольку я хотел и…
26 мар '17 в 09:02
2 ответа

Программное закрытие Foundation 6 offCanvas

Я хочу использовать JavaScript, чтобы закрыть область вне сканирования в результате загрузки сценария AJAX. В документации сказано $('#element').foundation('close', cb); но не так много способов объяснить, что #element а также cb являются:/ Что #ele…
12 сен '16 в 14:27
1 ответ

OffCanvas Menu Foundation 6

Я только что работал в Wordpress с Foundation 6, и я создаю меню для мобильных устройств. Но у меня, кажется, есть проблема, когда контент не загружается в экранное меню, ниже приведен код, который я использую, я помещаю вещи в неправильное место? П…
1 ответ

Разница между flex-grow = 1, шириной: авто и просто шириной: 100%

Учитывая этот HTML: <nav id="drawer" class="dark_blue"> <h2>Off Canvas</h2> <p>Click outside the drawer to close</p> </nav> <main class="light_blue"> <a id="menu"> <svg xmlns="http://www.w3.org/2000…
19 окт '16 в 10:46
1 ответ

Без холста меню HTML CSS

Я хочу сделать меню вне холста, как это, но я буду выталкивать текст с экрана, а не обрезать. И я хочу добавить функцию, которая закрывает меню после того, как я щелкнул по нему. Я получил код из меню w3school off canvas. function openNav() { docume…
09 апр '17 в 11:01
1 ответ

Нужна помощь с переключателем меню Off-Canvas Flexbox / z-index

ОБНОВИТЬ Мне удалось собрать элементы боковой навигации, добавив следующее в стили "site-menu" и "container": { position: absolute; display: flex; align-items: center; justify-content: center; } остается только заставить контент правильно переключат…
05 июл '18 в 01:37
0 ответов

Ошибка меню Joomla Offcanvas

Как мне заставить мое главное меню работать на моем мобильном телефоне? У меня была ошибка модуля "offcanvas", которую я пытался устранить. Когда я нажимаю на ссылку на главной странице моего мобильного телефона, появляется эта ошибка Публиковать мо…
08 июл '18 в 06:06
0 ответов

Боковая панель Off Canvas в CSS стиле Rails

Я добавляю боковую панель для входа в систему с холста в мое приложение rails. Мне удалось заставить его работать почти правильно, взяв кусочки из разных уроков и смешав их с моим собственным кодом. в моем views/layouts/application.html.erbЯ отрисов…
1 ответ

Почему мое меню вне холста выталкивает мой фиксированный div из рамки при открытии?

Я использую Pushy-off-canvas menu для своего сайта, он прекрасно работает, но это мешает моему фиксированному заголовку div. Когда я прокручиваю страницу вниз, верхний колонтитул отлично держится сверху, но как только я открываю меню вне холста, мой…
06 авг '16 в 13:24
0 ответов

Меню переключения вне холста не работает на страницах WordPress с помощью js-offcanvas.pkgd.js

С помощью js-offcanvas разработано website.in в адаптивном мобильном представлении появляется значок переключения, но при нажатии на значок переключателя строка меню не расширяется. вот мой код <button class="navbar-toggler js-offcanvas-toggler" …
1 ответ

Можно ли комбинировать меню вне холста с модальной функцией, используя Jasny Bootstrap?

У меня возникли проблемы при объединении вне холста с модальной функциональностью с помощью Jasny Bootstrap Вот шаги, которые я предпринял: 1. Я создал меню вне холста, используя jasny bootstrap, и оно работает так, как задумано. Off Canvas Only 2. …
1 ответ

offcanvas-sidebar bootstrap 4 липкая боковая панель

Привет, я недавно использовал шаблон начальной загрузки bootstrap 4 для создания моего сайта http://v4-alpha.getbootstrap.com/examples/offcanvas/ Теперь я хочу, чтобы моя боковая панель следовала за прокруткой пользователей, но при начальной загрузк…
27 апр '16 в 10:02
0 ответов

Zurb Foundation 6: липкий заголовок и меню вне экрана

Я искал в интернете поиски решения, но пока не нашел. У меня есть сайт с липким заголовком / навигацией, на котором есть кнопка гамбургера, чтобы открыть меню вне холста. Обертка вне холста оборачивает все, включая заголовок. Навигация заголовка раб…
0 ответов

Как построить холст с помощью начальной загрузки 4

Я хочу создать меню холста, например: http://www.jasny.net/bootstrap/examples/navmenu/ Но мне нужно использовать bootstrap4. Как я могу это сделать?
29 окт '17 в 00:18
1 ответ

Foundation 6 offcanvas меню не работает / запускает

Так что я работаю над сайтом просто для удовольствия, чтобы узнать еще кое-что. Я работаю с Фондом 6 прямо сейчас. Кнопка показывается только для маленьких, и это все еще работает, но контент offcanvas не хочет отображаться, когда кнопка нажата. Вот…
30 окт '18 в 07:41
1 ответ

Основа меню холста всегда видна на мобильном телефоне

В настоящее время на этом сайте всегда доступно меню "вне холста" для мобильных и небольших настольных экранов... Кто-нибудь может сказать, что я делаю не так? Сайт построен с использованием темы Joints WP на основе фреймворка Zurb Foundation. Заран…
15 янв '17 в 23:23
0 ответов

Открытое меню Canvas не работает

На следующем сайте разработки меню вне холста не срабатывает. http://pgoutfittersv2.staging.wpengine.com/ Сайт использует WordPress с темой JointsWP. Я получаю консольную ошибку, связанную с файлом Foundation JS, но я не знаю, что это значит, или эт…
22 мар '18 в 16:19
0 ответов

Safari MacOS: CSS-переход отключает переполнение: прокрутка

У меня есть проблема с меню вне холста в Safari на MacOS. Только там. Нигде более. Проблема довольно легко объяснить:Есть меню вне холста, которое перемещается из видимой области с помощью transform: translateX( -100% ); и затем перемещается в окно …