स्क्रॉल प्रभाव पर फीका

Question

मैंने यहां एक स्क्रिप्ट जोड़ दी है जो मैंने यहां पाया है। यह एक इलाज करता है। हालांकि, मैं इसे एक फीका प्रभाव लागू करने की कोशिश करते समय अटक गया है। मिनट में यह सिर्फ कटौती करता है।

script type="text/javascript"> 


    $(document).ready(function() { 


     $(window).scroll(function() { 
       var height = $('body').height(); 
       var scrollTop = $('body').scrollTop(); 
       var opacity = 1; 


       if(scrollTop > 400) { 
        opacity = 0; 
       } 

      $('.social').css('opacity', opacity); 
     }); 
    }); 
</script> 

संपादित करें: मैंने इसे बांध लिया और यह काम करता है। बहुत बहुत धन्यवाद लोग:

<script type="text/javascript"> 
$(window).scroll(function() { 
// The social div 
var $socialDiv = $('.social'); 

//Get scroll position of window 
var windowScroll = $(this).scrollTop(); 

//Slow scroll of social div and fade it out 
$socialDiv.css({ 
'margin-top' : - (windowScroll/3) + "px", 
'opacity' : 1 - (windowScroll/550) 
}); 
}); 
</script>​ 

Answer 1

आपको लगता है कि प्रभाव के लिए .animate() या .fadeTo() उपयोग करना चाहिए।

.css('opacity', opacity); का उपयोग करके आपका तत्व अचानक गायब हो जाएगा।