ユーザーが指定された量だけ下にスクロールしたら、スライドさせたい div があります。最初は機能しますが、その後、divは所定の位置に留まるのではなく、スクロールアクションごとに少し左に移動し続けます。なぜこれが起こっているのか誰にも分かりますか?
var opening = false;
var closing = false;
$(window).scroll(function(){
var windowHeight = $(window).height();
var windowScroll = $(window).scrollTop();
var position1 = $("#Support").offset().top;
if ( windowScroll > (position1 - (windowHeight/2)) )
{
if (!opening) {
opening = true;
closing = false;
$("#SupportImage1").stop().animate({
left: "1200px"
}, 1500, function(){
opening = false;
});
}
}
else
{
if (!closing) {
closing = true;
opening = false;
$("#SupportImage1").stop().animate({
left: "100%"
}, 1400, function() {
closing = false;
});
}
}
});