2015-03-23 3 views
1

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

+0

Bootstrap просто использует свои классы и JavaScript для создания модальных. Для чего вы хотите сделать это просто. Просто привяжите событие click (или любое другое событие, которое вы хотите открыть модальным), и создайте div или другой элемент, который является абсолютно или фиксированным. Убедитесь, что ваши высоты и ширины установлены для заполнения окна и обеспечивают более высокий индекс z, чем содержимое вашей страницы. По моему мнению, модальные модальные окна являются неуклюжими, но если это то, что вы хотите, их довольно легко создать, поскольку вам не нужны тени или фоновые стили. Просто посмотрите на загрузочный модальный javascript и посмотрите, как он работает. – Phatjam98

+0

Благодарим за отзыв! Считаете ли вы, что было бы более полезно, если бы раздел просто перешел на новую страницу? – Niroshan

+0

Да. Модалы - одна из тех вещей, которые становятся чрезмерными. Это всегда кажется хорошей идеей, пока вы не положите ее на место. Модалям лучше всего оставлять небольшие сфокусированные биты информации или форм. И если модальность реализована неправильно, это может повредить ваш сайт и действительно расстраивать пользователей. Поэтому в случае полного модального окна, я бы сказал, перейдите на новую страницу. – Phatjam98

ответ

Смежные вопросы