Прокручиваемый динамический контент

Question

Я создаю пользовательский лайтбокс с jquery и задаюсь вопросом, что делать, когда мне нужно прокрутить форму, поскольку это отзывчивый сайт. На некоторых размерах экрана форма растет ниже складки, но когда я иду, чтобы прокрутить страницу, сайт за ней прокручивается. Как я могу сосредоточиться на новом динамическом контенте для прокрутки?

www.evoke.me

Нажмите кнопку контакта после прокрутки страницы вниз немного.

Вот код, с которым я работаю.

$('#contact').on('click', function(e){ 
     e.preventDefault(); 
     $('#modal').remove(); 
     $('body').append('<div id="modal"></div>'); 
     $("#modal").load('/forms/contact-form.html').hide().fadeIn(1000); 
}); 

#modal{ 
    position:absolute; 
    overflow:auto; 
    top:0; 
    z-index:5000; 
    width:100%; 
    height:100%; 
    background:rgba(255, 255, 255, .95) url(../images/diag-pattern.png) repeat 0 0; 
} 

Answer 1

Проблема не фокусируется на динамическом контенте. Проблема в том, что контент не прокручивается, потому что вы использовали position: fixed без overflow: auto. Чтобы сделать контактную форму прокручиваемой, добавьте overflow: auto в ваш css для #modal.