Jump to content
  • 0
Sign in to follow this  
Анастасия Постолаки

Лайтбокс/появляющееся окно с прокруткой, триггер которого кнопка в меню

Question

Подскажите, пожалуйста, как сделать окно с прокруткой, которое появляется при нажатии кнопки в меню. При этом прокрутка не видна, и само окно заканчивается там же, где и сайт   Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Share this post


Link to post

8 answers to this question

Recommended Posts

  • 0
2 часа назад, Анастасия Постолаки сказал:

Подскажите, пожалуйста, как сделать окно с прокруткой, которое появляется при нажатии кнопки в меню. При этом прокрутка не видна, и само окно заканчивается там же, где и сайт   Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Средствами музы это нельзя сделать. Надо писать код или искать готовый виджет (не встречал таких правда)

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
18 часов назад, musemaster сказал:

А если вставить iFrame в лайтбокс?

Не очень удобно, потому что локальную страницу вставить в iFrame нельзя, как я понял. Можно, конечно, ее опубликовать предварительно, но это же дико неудобно с точки зрения редактирования "на лету", да и вообще костыль :/

Share this post


Link to post
  • 0
10 минут назад, Dmitry Nikonov сказал:

Не очень удобно, потому что локальную страницу вставить в iFrame нельзя, как я понял.

Легко можно вставить локальную страницу. Но суть не в этом. С Iframe, именно так, как в примере Анастасии, сделать не получится без дополнительного кодирования. В примере кстати не iframe, а модальное окно

Share this post


Link to post
  • 0
20 часов назад, Павел Хомерики сказал:

Легко можно вставить локальную страницу. Но суть не в этом. С Iframe, именно так, как в примере Анастасии, сделать не получится без дополнительного кодирования. В примере кстати не iframe, а модальное окно

Вы правы, конечно, в iFrame можно вставить любую страницу, я имел ввиду виджет Евгения Зубова. Как туда вставить локальную страницу я не разобрался, но суть действительно не в этом.

Если кто-то готов ковыряться, чтобы сделать прокрутку в лайтбоксе/композиции достаточно дописать в CSS блока лайтбокса следующий код:

height: ____ px;  (в ____ указать высоту лайтбокса)
overflow-y: scroll;
overflow-x: hidden;

Еще можно в конец CSS index'a дописать
::-webkit-scrollbar { display: none; }

тогда спрячется скролл-бар, и будет совсем как в примере. Правда работает это только в Chrome и Safari :/
 

Share this post


Link to post
  • 0
23 минуты назад, Dmitry Nikonov сказал:

height: ____ px;  (в ____ указать высоту лайтбокса)

В примере, высота модального окна не фиксированная, а адаптируется под высоту монитора. Ну и кроме этого в музе нет транспарентного бэкграунда, а это значит, что страницу, которую планируется транслировать в iframe, придется верстать вручную (что бы соответствовало примеру). Так что iframe, в данном случае больший геморрой чем написать модальное окно.

23 минуты назад, Dmitry Nikonov сказал:

Вы правы, конечно, в iFrame можно вставить любую страницу, я имел ввиду Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Чтобы увидеть содержимое айфрейма в просмотре в браузере, надо один раз вызвать просмотр всего сайта, а не отдельной страницы (ctrl+alt+E)

Share this post


Link to post
  • 0
53 минуты назад, Павел Хомерики сказал:

В примере, высота модального окна не фиксированная, а адаптируется под высоту монитора. Ну и кроме этого в музе нет транспарентного бэкграунда, а это значит, что страницу, которую планируется транслировать в iframe, придется верстать вручную (что бы соответствовало примеру). Так что iframe, в данном случае больший геморрой чем написать модальное окно.

Тогда так: указать высоту не в px, а 100vh. Тогда лайтбокс будет растягиваться на 100% окна браузера. Только что попробовал в Firefox, работает!

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...