ユーザーが自分のWebサイトで200ピクセル下にスクロールした後、固定画像を水平方向にスライドさせようとしています。コードは次のようになります。
//CSS
div#slideimage
{
position: fixed;
left: -20%;
width: 500%;
}
// JQUERY
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#slideimage').stop().animate({left: "100px"});
} else {
$('#slideimage').stop().animate({left: "-400px"});
}
});
問題は、スクロールがスムーズでなく、部分的に一時停止しているように見えることです。ユーザーがたとえば垂直方向に200ピクセル下にスクロールした後、画像を水平方向にスムーズにスライドさせる方法を教えてもらえますか。
ヘルプをいただければ幸いです:)