Color Section automaticly fitting the whole screen when scrolling

https://click2stock.com/

Link to Screenshot: https://www.dropbox.com/s/wa06lu4dn06dbla/scrolling_problem.PNG?dl=0

Problem: When Scrolling down, I would like a color section (call it Section A) to automatically scroll that way, that the top of the section is at the upppest thing you can see and not a little bit of the section above. If a little bit of the upper color-section is visible I want the website to automaticall scroll down a little bit until the top of the Section A is at the top of the window.

okay:

• This reply was modified 8 years, 7 months ago by C2S16.

Yes, it is, but if you scroll down only a few milimeters it is not anymore and the next 100% color section automatically will not be 100%, too. Then there will always be some little of the color before/after at top/bottom of the screen visible.
Like here: https://www.dropbox.com/s/wa06lu4dn06dbla/scrolling_problem.PNG?dl=0
So my question is: is there a way to automatically correct that? So that when scrolling down the page a 100% color section is at least one time perfectly fits the screen?

Thank you!
Gerke

The problem is not about the height. The Problem is about the Scrolling. When Scrolling down the page, I would like to make sure, that the top of some color sections always is at top of the window when scrolling down.
So this: https://www.dropbox.com/s/wa06lu4dn06dbla/scrolling_problem.PNG?dl=0
should automatically be corrected to this: https://www.dropbox.com/s/r8mdq6usolzje1f/How_it_should_be.PNG?dl=0

So again, yes the color sections do have the correct height, but I would like to make sure that when scrolling down the page the top of a (specific) color section always at least once is at top of the window, so that the whole color Section is at least once shown in fullscreen.

Do you understand what I mean?

Thank you for help,
Gerke

Hello,

First of all thanks for your endurance.

It is not about one specific element, it is about scrolling down in general.
When scrolling down I want to make sure that the top of for example the color-section about us is at least once shown at the top of my screen.
Let’s make an example, imagine:
The absolute top of my page is height 1000px. The absolute bottom (bottom of footer) is height 0px. On my Screen I can show 100px. When now a color section begins at height 500px and ends at height 400px and the screen shows from height 395 to 495, there is 5px of another Color-Section shown. This is what annoys me, so I would like that view then to be Auto-corrected to show from height 500px to 400px, so that the whole color section is shown, without any other color-section.

Do you understand now?

Thank You!
Gerke