0

I am working on a project and i used a parallax for images and for some div's but because of some reason there is some space is left at the end of the parallax. Please help me to remove the space at the end of the page here is the link to the webpage explore-studio |and| here is the link to the screenshot

sahil raj
  • 1
  • 5
  • please use chome or firefox for browsing as this website is under construction. – sahil raj Apr 30 '17 at 06:23
  • can you update the question with a screenshot for the problem, because I didn't find any extra space – Mhd Alaa Alhaj Apr 30 '17 at 06:36
  • i will try to upload the image but till that time you can check the extra space between the codeburner parallax and php image. – sahil raj Apr 30 '17 at 08:01
  • i think there will be any problem in link thats why you will be displayed unaux.com.So i will try to update the link in 2 minutes.Thanks – sahil raj Apr 30 '17 at 08:07
  • i have uploaded the local server image but the contents are same on the online server. – sahil raj Apr 30 '17 at 08:25
  • dear your code has a lot of miss, I found out that the extra space coming from the above `divs` try to inspect element then remove `divs` the space will decrease until it reach zero space, best solution at the moment is to start cleaning your code before you face more problems like this and even worse – Mhd Alaa Alhaj Apr 30 '17 at 08:32
  • can you please help me out from where i should start editing my code.I make these mistakes because i am a learner and i am only in class 9th. – sahil raj Apr 30 '17 at 08:36
  • listen my friend I found that the major issue is coming from css `transform` there is always change with the transform value depending on scroll, add this to your css: `.first-work-front-img-holder { transform: none !important;}` this should remove the space – Mhd Alaa Alhaj Apr 30 '17 at 10:20
  • but this will cause the parallax effect to stop working.please find a diffrent solution. – sahil raj Apr 30 '17 at 10:57
  • no this will not, just try it on the inspector of chrome – Mhd Alaa Alhaj Apr 30 '17 at 10:59
  • this will effect because the div .first-work-front-img-holder is having a greater scrolling speed than that the div had next to it.You can observe this by scrolling slowly. – sahil raj Apr 30 '17 at 11:05
  • I am seeing that there is no any effect on the parallax ! – Mhd Alaa Alhaj Apr 30 '17 at 11:12
  • click the center mouse button and drag the mouse a bit down and leave it then you will see the effect – sahil raj Apr 30 '17 at 11:21
  • please help me out i am stucked please !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! – sahil raj Apr 30 '17 at 11:44
  • you can see that as you scroll the first image comes over the heading "what are the things we do?". – sahil raj Apr 30 '17 at 12:01

1 Answers1

0

Are you referring to the extra space on the x-axis (on the right)?

On the body, change width: 100vw to width: 100%.

Or alternatively, add max-width: 100% (though I don't see any problem with width: 100% in this case since body will never get a smaller parent element).

It's a side effect of the v-scrollbar when trying to use 100vw. (width[%] takes the scrollbar into account but width[vm] doesn't).

SamVK
  • 3,077
  • 1
  • 14
  • 19