Two scripts not working together?

Question

JavaScript

I have two scripts side by side:

$(window).scroll(function(e){
  parallax();
});
function parallax(){
  var scrolled = $(window).scrollTop();
  $('#lk-conteyner').css('background-position-y',+(scrolled*0.5)+'px');
}




$(window).scroll(function(e){
  parallax();
});
function parallax(){
  var scrolled = $(window).scrollTop();
  $('.Robort_svg svg').css('top',-(scrolled*0.2)+'px');
}

Both create a parallax effect
Works, for some reason, only the second

What is the problem, how to fix it?
Thank you!

Answer 1

your version is not at all gentlemanly: with each scroll event, a new event handler will be hung on window.

$(window).scroll(parallax);
var lkContainer = $('#lk-conteyner');
var robotSVG = $('.Robort_svg svg');
function parallax() {
  var scrolled = $(window).scrollTop();
  lkContainer.css('background-position-y',+(scrolled*0.5)+'px');
  robotSVG.css('top',-(scrolled*0.2)+'px');
}

study the theory, otherwise you will have to form-slap until the end of time.