-5

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; 
}
4

1 に答える 1

1

問題は、動的コンテンツに焦点が当てられていないことです。position: fixed問題は、なしで使用したため、コンテンツがスクロールできないことですoverflow: auto。お問い合わせフォームをスクロール可能にするには、css に を追加overflow: autoします#modal

于 2013-08-12T18:11:18.200 に答える