задаваясь вопросом, есть ли способ уменьшить одну переменную, основанную на увеличенном значении другого. У меня есть некоторые элементы, которые я хотел бы манипулировать в зависимости от положения прокрутки окна. У меня есть позиция прокрутки
jQuery(window).scroll(function () {
var windowScroll = jQuery(window).scrollTop(),
secondVar = 100;
if(windowScroll++){
*make secondVar decrease by 1*
}
});
});
Но я не могу понять, как это сделать, если windowScroll
увеличивается на 1, другая переменная уменьшается на 1? Не могу даже голову, где начать!
РЕДАКТИРОВАТЬ
Я обнял его, это то, чего я пытался достичь.
jQuery(window).scroll(function () {
var windowScroll = jQuery(window).scrollTop(),
startPoint = 100, // where to begin scrolling
scrollDistance = 400, // how long the effect lasts in scroll distance
fadeTarget = $('img'); // what to fade
if(windowScroll >= startPoint){
startScroll = windowScroll - startPoint,
opacity = 1 - (startScroll / scrollDistance);
fadeTarget.css("opacity", opacity);
}
else{
fadeTarget.css("opacity", 1);
}
});
Просто установите secondVar
на основе значения windowScroll
:
var secondVar = 100 - windowScroll
Конечно, может быть любой другой номер, 100 - всего лишь пример.
Обратите внимание, что теперь, чем больше windowScroll
, тем меньше secondVar
.
windowScroll
увеличивается на 1, именно так ведет себя мой код.