JavaScript into jQuery Convert

Question

I've some raw JavaScript code and I want them to be re-written in jquery. So how do I do it?

(function(){
var parallax = document.querySelectorAll(".parallax"),
 speed = 0.1;
window.onscroll = function(){
[].slice.call(parallax).forEach(function(el,i){
 var windowYOffset = window.pageYOffset,
 elBackgrounPos = "100% " + (windowYOffset * speed) + "px";
 el.style.backgroundPosition = elBackgrounPos;
});
};
})();

• depperm: what does your javascript do? Have you started the convertion?
• Firnas: It is used for making background image parallax while scrolling
• Mottie: Why would you want to make it slower by converting it to jQuery?
• Firnas: Easy and maintainable code with less lines

Answer 1

Here's a jsfiddle:

https://jsfiddle.net/mckinleymedia/d3qt5p94/2/

And the code:

var parallax = $(".parallax"),
 speed = 0.1;
window.onscroll = function(){
 parallax.css('backgroundPosition','0 ' + (window.pageYOffset * speed) + "px");
};

• Firnas: Thanks a lot William :)
• William Schroeder McKinley: No problem. Glad I could help.
• Firnas: I've another issue can you pls find me a solution for it?
• William Schroeder McKinley: Sure. What do you need?
• William Schroeder McKinley: You want this in the clickme: $(this) .hide() .parent() .find('.show') .show()