Solved

Css issue on scroll

Posted on 2016-11-19
1
44 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 500 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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

776 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