2011-05-12 12 views
5

का उपयोग करके गहराई से प्रभाव क्या किसी को पता है (http://james.padolsey.com/ में) कैसे ऊपरी शरीर की परत तेज रफ्तार से स्क्रॉल कर रही है जबकि पृष्ठभूमि धीमी रफ्तार से स्क्रॉल हो रही है जिससे यह गहराई का प्रभाव डालती है ??जावास्क्रिप्ट (jQuery)

क्या मैं इसी तरह की अवधारणा का उपयोग करके विभिन्न गतियों पर स्क्रॉलिंग एकाधिक परतों (अधिक से अधिक 2) लागू कर सकता हूं ??

+2

Fwiw, इस साइट Konami कोड का समर्थन करता है :) – Jason

+0

कैसे ?? कहां या किस पृष्ठ पर ?? – ptamzz

+0

+1 @ जेसन: एलओएल मैं बस साइट पर गया और ऊपर बाएं दायें दाएं बाएं दाएं नीचे बाएं दबाएं ... हाहाहा! पहली बार यह देख रहे हैं। यह प्रभाव trippy है !! – pixelbobby

उत्तर

2

नीचे कोड का थोड़ा सा है जो यह करता है। मैंने इसे नहीं लिखा, बस अपने स्रोत को देखा और इसे मिला।

var a = document.body, 
    e = document.documentElement; 
$(window).unbind("scroll").scroll(function() { 
    a.style.backgroundPosition = "0px " + -(Math.max(e.scrollTop, a.scrollTop)/8) + "px" 
}) 

Live Demo

1

मैं स्रोत में कोड नहीं मिला, लेकिन मैं इसे यथोचित निर्मित:

$(window).scroll(function(e){ 
    $('body').css('background-position', 
        '0 ' + parseInt($(this).scrollTop()*0.5,10) + 'px'); 
}); 

Demo →

+0

निंजा के साथ झुकाव वाला डेवलपर है, झूठ बोलने वाला नहीं है ... लेकिन ऐसा लगता है कि दायीं तरफ दायीं तरफ स्क्रॉल कर रहा है या मैं पागल ट्रिपिंग कर रहा हूं? – pixelbobby

संबंधित मुद्दे