Alternatives to background-attachment: fixed

Question

Since background-attachment:fixed doesn\'t work on some mobile browsers (e.g. on iOS), what alternatives are there, specifically when trying to implement the following demo: htt

Answer 1

jQuery alternative to background-attachment:fixed; (be sure to have jQuery properly installed):

$(window).scroll(function() {
     var scrolledY = $(window).scrollTop();
     $('.sec1').css('background-position', 'center ' + ((scrolledY)) + 'px');
});

It is important to note that your background image must not be taller than the height of the div or things get thrown off.