基於垂直滾動

Plase檢查本網站平鋪圖像移動：基於垂直滾動

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; 

      } 

     } 

    }); 

});

謝謝！

來源

2012-05-09 Victor

這應該讓你開始建議

$(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'}); 
});

一個字：動畫每滾動更新會導致與平滑滾動瀏覽器slugish性能。在這種情況下，最好只在滾動停止或至少有一些最小超時後纔開始動畫

來源

2012-05-09 15:12:51 roman

謝謝！點正在移動！我不知道如何匹配灰點上方的綠點。在網上看到，每個項目都佔據相同的高度，因此，運動始終是相同的距離。任何想法？非常感謝，幫助我很多。 – Victor

基於垂直滾動

回答

相關問題