Improve company productivity with a Business Account.Sign Up

x
?
Solved

Css issue on scroll

Posted on 2016-11-19
1
Medium Priority
?
76 Views
Last Modified: 2016-11-23
I have a polygon at the bottom of a div.  The background image is to have a parralax effect, which it does.  However, the bottom of the div scrolls up when you scroll down.  You can see it here:
http://0c8.88c.myftpupload (DOT) com/cloud/

It is the orange piece at the bottom of the city lights image.

How do I fix that?
0
Comment
Question by:rgranlund
1 Comment
 
LVL 35

Accepted Solution

by:
Terry Woods earned 2000 total points
ID: 41894480
I don't know a lot about parallax, but it looks to me like the code for that polygon:
<svg class="bottom-svg" height="150" width="2200">
  <polygon class="corner" points="0,0 2200,150 0,150"></polygon>
  </svg>

Open in new window

should go in
<section id="section-4"

Open in new window

rather than
<section id="section-3"

Open in new window

as it is essentially a part of the display of section 4.
You'll probably need to make some other changes to get it styled correctly though, as just moving it didn't fix the problem by itself.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

I found this questions asking how to do this in many different forums, so I will describe here how to implement a solution using PHP and AJAX. The logical flow for the problem should be: Write an event handler for the first drop down box to get …
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn how to dynamically set the form action using jQuery.

606 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question