html - Javascript element fade in interval not working correctly -


the code wrote, made in order div fade in when window.pageyoffset more 400 , works weird. begin with, fades in flashes until opacity set 1.0 , don't know how fix it. please me don't know mistake. here code:

var navbarvisibility = function () {     if (window.pageyoffset > 400) {         var movies = document.getelementbyid("movies");         var opacity = 0.1;         var apparence = function () {             if (opacity <= 1.0) {                 movies.style.opacity = opacity;             } else {                 clearinterval(timer2);                 clearinterval(timer);             }             opacity += 0.1;         }         var timer = window.setinterval(apparence, 70);     } } var timer2 = window.setinterval(navbarvisibility, 1); 

thank much.

it acts way because not check if code has run, keeps firing same event on , on when past 400.

you need cancel timer2 when offset past 400.


Comments

Popular posts from this blog

javascript - three.js lot of meshes optimization -

smartface.io - Proper way to change color scheme for whole application -

Email notification in google apps script -