0

英語のボタンをクリックするとポップアップが表示されますが、下にスクロールした後にのみポップアップの全内容を見ることができます...下にスクロールせずにポップアップの全内容を見る方法はありますか

私は http://jsfiddle.net/6QXGG/130/の下に私のコードを提供しています

元のコード

http://www.teslamotors.com/

jsコードに問題があります

    // locale selector actions
    $('#region-picker').click(function(){
        var foot_height = $('#footer').innerHeight();
        var foot_height_css = foot_height-1;
        var select_position = '-=' + (Number(400)+18);
        console.log("hallo"+select_position);
        var $selector = $('#locale-select');
        $('#locale_pop').fadeOut();
        $selector.css({top:foot_height_css});
        $selector.fadeIn(function(){
            $(this).addClass('open');
            $(this).animate({top:select_position}, 1000);
            });
    });
    $('#select-tab').click(function(e){
        e.stopPropagation()
        closeSelector('slide');
        });
    // don't hide when clicked within the box
    $('#locale-select').click(function(e){
        e.stopPropagation();
    });
    $(document).click(function(){ 
        if ($('#locale-select').hasClass('open')) {
            closeSelector('disappear');
        }
    });

    $('.locale-link').click(function(){
        var desired_locale = $(this).attr('rel');
        createCookie('desired-locale',desired_locale,360);
        createCookie('buy_flow_locale',desired_locale,360);
        closeSelector('disappear');
    })

    $('#locale_pop a.close').click(function(){
        var show_blip_count = readCookie('show_blip_count');
        if (!show_blip_count) {
            createCookie('show_blip_count',3,360);
        }
        else if (show_blip_count < 3 ) {
            eraseCookie('show_blip_count');
            createCookie('show_blip_count',3,360);
        }
        $('#locale_pop').slideUp();
        return false;
    });

function closeSelector(hide_type){
    var foot_height = $('#footer').innerHeight();
    var select_position = '+=' + (Number(400)+20);
    if (hide_type == 'slide') {
        $('#locale-select').animate({top:select_position}, 1000, function(){
        $(this).removeClass('open');
        $(this).fadeOut()
        });
    }
    else if (hide_type == 'disappear'){
        $('#locale-select').fadeOut('fast');
        $('#locale-select').removeClass('open');
    }
}

</ p>

4

1 に答える 1

0

ポップアップはかなり大きいので、モニターのサイズによっては一度に画面に収まらない場合があります。ただし、次のように変更することで、少し高くすることができます。

var select_position = '-=' + (Number(400)+18);

に：

var select_position = '-=' + (Number(700)+18);

更新されたフィドル

于 2012-10-23T04:22:38.523 に答える