$color-base: 64, 126, 201;
.element {
background-color: rgba($color-base, 1);
}
.element-transparent {
background-color: rgba($color-base, 0.3);
}
$color-base: 64, 126, 201;
$alpha-1: 1;
$alpha-2: 0.3;
.element {
background-color: rgba($color-base, $alpha-1);
}
.element-transparent {
background-color: rgba($color-base, $alpha-2);
}
получается так, что кнопка добавляется только к последней карточкеНа самом деле нет, кнопка последовательно добавляется к каждой карточке. Но поскольку вы используете один и тот же элемент, а не создаёте в цикле отдельную кнопку для каждой карточки, она при каждой последующей вставке переносится на новое место и в итоге остаётся у последней карточки.
let panesList = document.querySelectorAll('.pane');
for (let pane of panesList) {
let button = document.createElement('button');
button.classList.add('remove-button');
button.textContent = '[X]';
pane.append(button);
}
Можно ли это написать на голом JavaScript'е
var vwWidth = window.innerWidth;
var controller = new ScrollMagic.Controller();
//for horizontal scrolling
var horizontalSlide = new TimelineMax()
.to(".div2", 0.2, {x: 0, ease: Power1.easeOut}, )
.to(".div2", 1, {x: -vwWidth, ease: Power1.easeOut}, )
.to(".div2", 0.2, {x: -vwWidth, ease: Power1.easeOut}, )
.to(".div2", 1, {x: -2*vwWidth, ease: Power1.easeOut}, )
.to(".div2", 0.2, {x: -2*vwWidth, ease: Power1.easeOut}, )
new ScrollMagic.Scene({
triggerElement: ".div2",
duration: "350%",
offset: 0,
triggerHook: -0.02
})
.setPin('.div2')
.setTween(horizontalSlide)
.addTo(controller)
response.json()
будет ждать окончания запроса, setCart
будет ждать json
, setPreloader
будет ждать их обоих или падения.function one() {
const oneVar = 'Hello!'
let counter = 0;
console.log('функция one работает прямо сейчас, в счетчике', counter)
function two() {
console.log(oneVar, ++counter)
}
console.log('функция one почти завершилась, в счетчике все еще ', counter);
return two
}
const three = one();
console.log('функция one точно завершилась, даже return сработал');
console.log('в переменной three сейчас функция two()');
console.log(three);
three();
three();
three();
console.log('обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!');
"функция one работает прямо сейчас, в счетчике", 0
"функция one почти завершилась, в счетчике все еще ", 0
"функция one точно завершилась, даже return сработал"
"в переменной three сейчас функция two()"
function two() {
console.log(oneVar, ++counter)
}
"Hello!", 1
"Hello!", 2
"Hello!", 3
"обожемой, мы видим как менялась переменная в уже завершенной функции. чераная магия? нет - это называется замыкание!"