Header Image Scrolling

Sam – Unsheathed
(@sam-unsheathed)

8 years, 6 months ago

I’m using a new header for my website, but when I scroll down, the header image scrolls down too. I’d really like for it to be fixed so that it doesn’t move while I scroll down. What do I need to do?

Viewing 2 replies - 1 through 2 (of 2 total)

Thread Starter

Sam – Unsheathed

(@sam-unsheathed)

8 years, 6 months ago

Can anyone help me? I’m still having this problem.

itsdavidmorgan

(@itsdavidmorgan)

8 years, 6 months ago

Hi Sam,

That’s the parallax effect, but you could completely remove the effect by deleting the following code from the custom.js file:

/* Parallax ---------------------*/
function parallaxSetup() {
	var $window = $(window);
	$('#custom-header[data-type="background"]').each(function(){
		var $bgobj = $(this); // assigning the object
		$(window).scroll(function() {
			var yPos = -($window.scrollTop() / $bgobj.data('speed'));
			// Put together our final background position
			var coords = '50% '+ yPos + 'px';
			// Move the background
			$bgobj.css({ backgroundPosition: coords });
		});
	});
}

And this:

.ready( parallaxSetup )

Hope that helps!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Header Image Scrolling’ is closed to new replies.

Tags