मैं जावास्क्रिप्ट के लिए काफी नया हूं और नीचे स्क्रॉल करते समय आरजीबी से ग्रेस्केल तक अपनी छवि बनाने की कोशिश कर रहा हूं और इसके विपरीत। स्क्रॉल करते समय मैंने अपनी छवि को ग्रेवैल्यूड प्राप्त करने के लिए प्रबंधित किया, हालांकि मैं आरजीबी छवि पर वापस नहीं आया।

जावास्क्रिप्ट के लिए मेरा कोड है:

let element = document.getElementById("image");




window.onscroll = function() {
  var scrollLimit = 100;
  if (window.scrollY >= scrollLimit) {
    element.style.filter = 'grayscale(1)';
  } else {
    element.src =    'ttps://images.unsplash.com/photo-1542903660-eedba2cda473?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80'
    
    
  }
};

यह https://jsfiddle.net/vdszymh7/139/ पर भी सार्वजनिक है

हो सकता है कि आपके पास कुछ सुझाव हों कि इन दो तरीकों के बीच गतिशील रूप से कैसे बदला जाए।

0
user17523218 27 नवम्बर 2021, 13:23

1 उत्तर

सबसे बढ़िया उत्तर

आप जो हासिल करने की कोशिश कर रहे हैं वह इस तरह से किया जा सकता है:

window.onscroll = function() {
  var scrollLimit = 100;
  if (window.scrollY >= scrollLimit) {
    element.style.filter = 'grayscale(1)';
    console.log('gray')
  } else {
    element.style.filter = 'none'
  }
};
0
p4avinash 27 नवम्बर 2021, 13:34
धन्यवाद। वह यह था। कभी-कभी समाधान बहुत आसान होता है..
 – 
user17523218
27 नवम्बर 2021, 13:40
आपका स्वागत है दोस्त, आप इस समाधान को अपवोट दे सकते हैं..!! ;-)
 – 
p4avinash
27 नवम्बर 2021, 13:43