0

Web サイトで幅 1920 ピクセルの自動中央揃えの div を作成する際に問題が発生しました。現在、このjQueryコードを使用して、ページが開かれたときにdivを自動的に中央に配置しています:

<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();

    var extra= 1920 - $(window).width(); 
    var extraleftside= extra/2;
    $("div#scroller").css("left", "-" + extraleftside + "px");
});
</script>

しかし、そのコードはウェブサイトが更新されたときにのみ調整されます.リアルタイムでそれを行うことは可能ですか?

私が望む効果を見たい場合は、このサイトのスクロール背景と同じです: http://www.apps.no

LeGEC はこれに非常にうまく答えました。このコードはトリックを行いました:

    <script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();

    var extra= 1920 - $(window).width(); 
    var extraleftside= extra/2;
    $("div#scroller").css("left", "-" + extraleftside + "px");
}


);

$(window).bind("resize", resizeWindow);
function resizeWindow( e ) {
    var extra= 1920 - $(window).width(); 
    var extraleftside= extra/2;
    $("div#scroller").css("left", "-" + extraleftside + "px");
}
</script>
4

1 に答える 1

1

resizeで再計算するということですか？

function doResize(){
    var extra= 1920 - $(window).width(); 
    var extraleftside= extra/2;
    $("div#scroller").css("left", "-" + extraleftside + "px");
}

$(window).load(function(){
    // maybe the slider should also be updated on resize...
    $('#slider').nivoSlider();

    doResize();
});

$(function(){
    $(window).resize(doResize);
});
于 2013-03-15T14:35:34.373 に答える