Jump to content

zac

Neophyte
  • Posts

    1
  • Joined

  • Last visited

zac's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Был у меня один лендинг, человек попросил сделать похожий ленд под его тематику. В конце переделки (менял только картинки и текст) заметил что когда нажимаешь на кнопку "узнать стоимость" всплывающее окно показывается по центру лендинга а не по центру экрана. Сам сайт с проблемой 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); }}В чем проблема ? Подскажите пожалуйста
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy