Solved

Css issue on scroll

Posted on 2016-11-19
1
17 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
Comment Utility
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

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

Introduction Knockoutjs (Knockout) is a JavaScript framework (Model View ViewModel or MVVM framework).   The main ideology behind Knockout is to control from JavaScript how a page looks whilst creating an engaging user experience in the least …
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
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…

762 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now