Skrollr Fading out of text

Question

Я пытаюсь затухать и исчезать текст, используя skrollr. Ниже приведен фрагмент кода

<div id="style" data-100="opacity:0;" data-600="opacity:1;" data-700="opacity:0;"> 
     Howdy World 
</div> 

CSS-как ниже

#style{ 
    font-size: 80px; 
    color: white; 
    text-align: center; 
    position: fixed; 
} 

проявки и исчезать работает, как ожидалось. Но текст не выровнен по центру. Должен ли я использовать позицию с атрибутами данных для достижения этого или где я, я ошибаюсь.

Answer 1

Потому что вы применили "позицию: фиксированная" в DIV, он будет представлен в абсолютном позиционировании. Поэтому вам нужно установить «width» на 100%, если вы хотите выровнять текст в документе.

#style{ 
    font-size: 80px; 
    color: white; 
    text-align: center; 
    position: fixed; 
    width: 100%; 
} 

jsfiddle demo

Надеется, что это полезно.

Answer 2

Да, вы можете использовать атрибуты данных для достижения этого.

Я упаковал JsFiddle http://jsfiddle.net/anjum121/zkym4/

<div id="style" data-100="opacity:0; left:25%;" data-600="opacity:1;left:25%;" data-700="opacity:0;left:25%;" > 
    Howdy World