?
Solved

Css issue on scroll

Posted on 2016-11-19
1
Medium Priority
?
65 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

7 Extremely Useful Linux Commands for Beginners

Just getting started with Linux? Here's a quick start guide that has 7 commands that we believe will come in handy.

Question has a verified solution.

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

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month9 days, 4 hours left to enroll

764 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