0

このウェブサイトを確認してください：

http://www.agencynet.com/

緑の点の動きを制御する方法がわかりません。

緑のドットをスクロールに反応させるにはどうすればよいですか？

$(function(){

     $('a[href*=#]').click(function() {

     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
         && location.hostname == this.hostname) {

             var $target = $(this.hash);

             $target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

             if ($target.length) {

                 var targetOffset = $target.offset().top;

                 $('html,body').animate({scrollTop: targetOffset}, 1000);
                 $('#punto').animate({'marginLeft': targetOffset/2}, 1000);
                 return false;

            }

       }

   });

});

ありがとう！

4

1 に答える 1

0

これで始められるはずです

$(window).scroll(function() {
var scrolltop = $(window).scrollTop();
// animate your green dot according to the scrolltop value here
// e.g. $('.dot').stop().animate({left:(scrolltop/1000.0)*100+'px'});
});

一言アドバイス：スクロールの更新ごとにアニメーションを作成すると、スムーズなスクロールブラウザでパフォーマンスが低下する可能性があります。この場合、スクロールが停止した後、または少なくとも最小限のタイムアウトでアニメーションを開始することをお勧めします

于 2012-05-09T15:12:51.073 に答える