Test coding

body, html { height: 100%; } .parallax { /* The image used */ background-image: url('/sites/default/files/groups/Center%20for%20Engagement%2C%20Service%2C%20and%20the%20Public%20Good/Main/serve_learn_give.jpg'); /* Full height */ height: 100%; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }   Scroll Up and Down this page to see the parallax scrolling effect. This div is just here to enable scrolling. Tip: Try to remove the background-attachment property to remove the scrolling effect.