JS & CSS Help On Scroll

Out of context: Reply #1

  • Started
  • Last post
  • 9 Responses
  • ********
    1

    visual composer?

    • can you drop the url here?
      but since you have video in the bg drawing a canvas object and doing the transition on that would be recommended
      ********
    • http://theagelesssea… PW: agelessseamg33
    • I've been slowly building this site whenever I have the chance. Basically, I want the layer above the video to be fully transparent until scrolling begins...mg33
    • Once the content portion starts, I want to fade in on scroll the rgba(0,0,0.65) layer so that the video bg is a little darker, easier to read what's above it.mg33
    • There a css position property called 'sticky' (I think) , sticks a header to the top of the page a bit like how Instagram scrolls. You could use that with a trmonNom
    • *Transistion, likely.monNom
    • Or just add a class to the body when scrollY != 0monNom
    • Here u go:
      https://pastebin.com…
      ********
    • quick fix for the initial status of that overlay:
      https://pastebin.com…
      ********

View thread