javascript - Skrollr Fading out of text -


I am trying to fade and fade a text using the scroller. Below is the code snippet

  & lt; Div id = "style" data-100 = "opacity: 0;" Data -600 = "opacity: 1;" Data -700 = "opacity: 0;" & Gt; Hauda World & lt; / Div & gt;  

CSS is as follows

  #style {font-size: 80px; White color; Text align: center; Status: fixed; }  

Feed in and fade out are working as expected, but the text is not connected to the center. Should I use the situation with data attributes to achieve it or where I am wrong.

Because you have applied "status: fixed" to "div" will be presented. So you have to set "width" to 100% if you want to align the text on the document.

  #style {font-size: 80px; White color; Text align: center; Status: fixed; Width: 100%; }  

Hope this is useful.


Comments

Popular posts from this blog

eclipse plugin - Run java code error: Workspace is closed -

ios - How do I use CFArrayRef in Swift? -

scala - Play Framework - how to bind form to a session field -