Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Css issue on scroll

Posted on 2016-11-19
1
Medium Priority
?
73 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: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

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.

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.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
Suggested Courses

571 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