Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана.
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
zac
Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику.
В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку
"узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана.
Сам сайт с проблемой http://zaprintuem.ru/
До этого, окно всплывало строго по середине ЭКРАНА. Этого и нужно добиться !

Код стилей:
.popup_bg{ position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #211722; z-index: 2000; display: none; cursor: pointer; opacity: 0.75;}.popup_window{ width: 545px; padding: 6px; background: #f6f2eb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; left:50%; top: -2500px; ; position: absolute; z-index: 2001; display: none;}.popup_window__title{ height: 47px; padding-top: 30px; text-align: center; color: #010506; font-family: 'Fira Sans'; font-size: 24px;}Код ява ( его вообще не трогал)
var popupHeight, windowHeight, scrollTop;$(document).ready(function(){ $('.popup_button').click(function(e){ e.preventDefault(); var popup = $(this).attr('rel'); showPopup(popup); }); $('.popup_bg, .popup_close').click(function(e){ e.preventDefault(); $('.popup_bg').fadeOut(); $('.popup_window').fadeOut(); }); });$(window).scroll(function(){ windowHeight = $(window).height(); scrollTop = $(window).scrollTop();});function showPopup(popup){ $('.popup_bg').fadeIn(); $('#'+ popup).fadeIn(); popupHeight = $('#'+ popup).outerHeight(); windowHeight = $(window).height(); scrollTop = $(window).scrollTop(); if(windowHeight < popupHeight){ $('#'+ popup).css('top',scrollTop); }else{ $('#'+ popup).css('top',(windowHeight - popupHeight) / 2 + scrollTop); }}В чем проблема ? Подскажите пожалуйста
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.