0

私はこのjQueryコードを持っています:

  $(window).resize(function() {         
if ($(window).width() <= 1250) {
  $('#topbar').css('position', 'static');
} else {
  $('#topbar').css('position', 'fixed');
}
});

問題は、ズームインして 1250 未満にしてからページをリロードすると、この jQuery が機能しないことです。それで、どうすればこれを修正できますか？

4

2 に答える 2

2

CSS でこれを行います。

#topbar {
    position: static
}

@media screen and (min-width: 1250px) {
    #topbar {
        position: fixed
    }
}

ライブ デモ: http://jsfiddle.net/krrvA/show/ (トグルを示すために背景色を使用しています。ウィンドウを水平方向にサイズ変更すると、色が 1250px で変わります。)

于 2013-05-13T13:08:15.243 に答える