如何在弹出窗口中启用滚动功能

时间:2015-02-24 10:25:47

标签: javascript

$('a.poptrigger').click( function(){
        popID = $(this).attr('data-rel');
        $('#' + popID).fadeIn();
        var popMargTop = ($('#' + popID).height()) / 2;
        var popMargLeft = ($('#' + popID).width()) / 2;
        $('#' + popID).css({
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });
        $('body').append("<div id='fade'></div>");
        $('#fade').fadeTo("slow", 0.70);

        if($(this).attr('data-rel')=='addleague'  && !map){
            initialize();
        }

        if($(this).attr('data-rel')=='addorganization' && !map2){
            initialize2();
        }

        return false;
    });

这是我的功能,它负责弹出窗口,但当我滚动屏幕下方的弹出窗口滚动我希望滚动弹出窗口 任何人都可以建议我怎么能得到那个

2 个答案:

答案 0 :(得分:0)

您是否尝试过使用

overflow: scroll;

弹出窗口?加上

$('#'+ popID).css('overflow','scroll');

答案 1 :(得分:0)

我自己做了解决方案。希望它适合你。

white-space: nowrap;
overflow-x: visible;
overflow-y: hidden;

Demo