Переменная не меняется при запуске функции?

Question

[Артём Альбе]

Здравствуйте! Почему когда я в условии убираю функцию sroll_up или scroll_down , то переменная scrollPos не меняет значение, а когда я закомментирую одну из вышеперечисленных функций , то переменная изменяет значение ? Мне нужно , чтобы она(переменная) меняла значение при включенных функциях.

var scrollPos = 0; 

var portfolio_div_el = document.getElementById('portfolio').children;



function scroll_down()  {
	

	var cord_y_top = Math.round(portfolio_div_el[i].offsetTop);
	
	
	if ((posTop + 500) > cord_y_top ) {
		portfolio_div_el[i].style.transform = "translateY(0)";
	} 
			    
    //console.log('elem' + scrollPos);
    
    
}

function scroll_up() {
	
   var cord_y_top = Math.round(portfolio_div_el[i].offsetTop);
   var el_cord_top = Math.round(portfolio_div_el[i].getBoundingClientRect().bottom + posTop); 
   var el_cord_bottom = Math.round(portfolio_div_el[i].getBoundingClientRect().top + posTop); 
				
	
		    	
	if (posTop > el_cord_top ) {
		portfolio_div_el[i].style.transform = "translateY(0)";
	} else if (posTop < el_cord_top ) {
		portfolio_div_el[i].style.transform = "translateY(15px)";
	} 
	
	
}

window.addEventListener('scroll', function() {  
	
    posTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
	
    
    for (i = 0; i <= portfolio_div_el.length; i++) {
    
	    if (posTop > scrollPos){
	    	scroll_down();
		} else  {
			scroll_up();
		}
		
	} 
       
    scrollPos = posTop;
	
});

Comments

[Анатолий Жаров]

убираю функцию sroll_up или scroll_down , то переменная scrollPos не меняет значение, а когда я закомментирую одну из вышеперечисленных функций , то переменная изменяет значение

ниче не понел...
сформулируйте корректно вопрос и возьмите код в теги

[Артём Альбе]

Анатолий Жаров,

var scrollPos = 0; 

var portfolio_div_el = document.getElementById('portfolio').children;

function scroll_down() {


var cord_y_top = Math.round(portfolio_div_el[i].offsetTop);


if ((posTop + 500) > cord_y_top ) {
portfolio_div_el[i].style.transform = "translateY(0)";
} 

//console.log('elem' + scrollPos);


}

function scroll_up() {

var cord_y_top = Math.round(portfolio_div_el[i].offsetTop);
var el_cord_top = Math.round(portfolio_div_el[i].getBoundingClientRect().bottom + posTop); 
var el_cord_bottom = Math.round(portfolio_div_el[i].getBoundingClientRect().top + posTop); 



if (posTop > el_cord_top ) {
portfolio_div_el[i].style.transform = "translateY(0)";
} else if (posTop < el_cord_top ) {
portfolio_div_el[i].style.transform = "translateY(15px)";
} 


}

window.addEventListener('scroll', function() { 

posTop = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;


for (i = 0; i <= portfolio_div_el.length; i++) {

if (posTop > scrollPos){
<b>scroll_down();</b>
} else {
<b>scroll_up();</b>
}

} 

scrollPos = posTop;

});

Выделил жирным место где убираю вызов функции .

[Артём Альбе]

Антон Спирин,

for (i = 0; i <= portfolio_div_el.length; i++) {

if (posTop > scrollPos){
   console.log(scrollPos);
   scroll_down();
} else {
   console.log(scrollPos)
    scroll_up();
}

} 

scrollPos = posTop;

переменную проверяю так . Извиняюсь за невнятный вопрос .

[Артём Альбе]

Антон Спирин, Если цикл убираю , то такая же проблема возникает . Проблема пропадает когда я убираю вызов функции .