私は、背景画像が時間とともに移動する場所に取り組んでいる個人的な Web サイトを持っています。ページの下部には、メニュー用の jQuery UI タブがあります。
背景画像は上下に移動します。これは私が書いた私の関数です:
// Move background based on current time
function backgroundMove() {
var windowHeight = $(window).height();
var imageHeight = 1200; // Background image height
//CODE
$('body').attr("style", "background-position: 0px " + movement + 'px');
}
現在、私のローカル マシンでは、この方法は問題なく機能し、背景は正常に動きます。しかし、オンラインにすると、下に真っ白なバーが表示されることがあります。背景画像は位置的にあるべき場所にありますが、このバーで切り取られているため、メニューが表示されなくなります (すべて白いタブです)。
一貫して発生しないため、問題を特定するのに苦労しました。それが何であるか、どうすれば再発しないように修正できるかについて、誰か考えはありますか?