Как сделать плавное изменение прозрачности на jQuery?

Question

[nickostyle]

Есть фиксированный header, изначально с opacity: 0; Нужно при начале скролла уменьшать прозрачность вплоть до сведения ее к нулю (т.е. сделать opacity: 1). Я только начал изучать jQuery, вот прям сегодня, и пока не могу даже логику построить. Как например регулировать скорость изменения проразчности? Т.е. блок может стать непрозрачным через 100px скролла, а может через 1000, это все должно быть настраиваемым. Может подскажете как это сделать? Что почитать по теме, может встречались какие то туториалы...Спасибо!

Comments

[Дмитрий]

ну постройте формулу математическую - линейная зависимость opacity от scrollTop

[nickostyle]

Дмитрий: эмм...не хочу показаться тупым, но я только с html&css имел дело и то, что вам кажется легко, для меня - внеземные технологии.

Answer 1

[Алексей Николаев]

Документация по методу animate с готовыми примерами.

Comments

[nickostyle]

Спасибо, буду изучать!