Как скрывать или показывать шапку при скролле?

я тут вот делала
https://codepen.io/EugeniaAntonova/pen/vYbjaxP?edi...

стили
.header {
height:80px;
width:100%;
position:sticky;
top:0;
left:0;
right:0;
z-index: 100;
background-color:rgba(0,0,0,0.3);
box-shadow: 0 10px 15px -5px rgba(0,0,0,.8);
transition: .5s ease transform;
}
скрипт
const header = document.querySelector('.header');

let lastScrollY = 0;
window.addEventListener('scroll', function() {
if (window.scrollY > lastScrollY) {
header.style.transform = 'translateY(-85px)';
} else {
header.style.transform = 'translateY(0px)';
}
lastScrollY = window.scrollY;
});
работает исправно

Дергается анимация снега, почему и как исправить?

director-rentv, а ее там можно настраивать очень гибко под пользователя - объект с настройками предполагает, что можно сделать разную скорость, размер снежинок и направление ветра а также его силу
спасибо за ваш комментарий, мне очень приятно!

Дергается анимация снега, почему и как исправить?

Алексей Уколов, а можно ли каким-то образом отключать анимацию у пользователей со слабыми устройствами? просто на нормальном компе шикарно выглядит, а у меня ерзает и раздражает. Лучше чтобы она была доступна только нормальным устройствам, это возможно?

Дергается анимация снега, почему и как исправить?

https://codepen.io/EugeniaAntonova/pen/PwYboEQ?edi... ссылка
почему-то которая в вопросе не отображается

В чем нарушение синтаксиса в данном запросе? Как его исправить?

Melkij, Это и был реальный, просто по частям. что с ; , что без нее результат один.
Просто не понимаю почему здесь не получается сделать подзапрос отдельно в виде cte -
мне понравилась идея делать обширные подзапросы отдельно, а тут не получается.
Если его пихнуть сразу во вставку, то нормально все работает

В чем нарушение синтаксиса в данном запросе? Как его исправить?

Ипатьев, учусь

В чем нарушение синтаксиса в данном запросе? Как его исправить?

Ипатьев, так написать это дополнительное условие задачи

Как сделать, чтобы скроллбар начинался ниже границы блока, который надо скроллить?

большое спасибо! надеялась, что может быть способ сделать обычный скроллбар таким

Как написать функцию, которая принимает цифру и возвращает число прописью?

Огромное спасибо!

Как обрабатывать пользовательский запрос больше не показывать конкретный попап?

спасибо) к сожалению, бэк использовать нельзя

Как правильно прописать путь к стилям, чтобы загрузить страницу в гит-хаб страницы?

Ankhena, большое спасибо за отзывчивость!
мне, к сожалению ничего не помогло, во мне дело, наверное

Как сделать, чтобы функция возвращала случайные значения из массива так, чтобы подряд не шли два одинаковых значения?

0x0f80, огромное спасибо! никогда бы до такого не додумалась!

Как сделать, чтобы функция возвращала случайные значения из массива так, чтобы подряд не шли два одинаковых значения?

0x0f80, сделала вот так вот и сработало, но я не уверена, что правильно

const arr = [1, 255, 639, 9, 7, 8, 5, 4, 2];
const task = (arr) => {
  const len = arr.length;
    let index = Math.round(Math.random() * (len -1));
  const result = [];
  const getNewItem = () => {
    let curr = arr[index];
    let prev = arr[index];
    while (prev === curr) {
      index = Math.round(Math.random() * (len -1));
      curr = arr[index]
    }
    
    prev = curr;
    return curr;
  }
  
  for (let i = 0; i < 50; i++) {
   result.push(getNewItem());
  }

  return result;
}

Как сделать, чтобы функция возвращала случайные значения из массива так, чтобы подряд не шли два одинаковых значения?

я еще не очень умею обращаться с замыканиями и понимаю их, можете проверить, пожалуйста?
const arr = [1, 255, 639, 9, 7, 8, 5, 4, 2];
const task = (arr) => {
const len = arr.length;
let index = Math.round(Math.random() * (len -1));
let curr = arr[index];
let prev = arr[index];

const getNewItem = () => {
while (prev === curr) {
index = Math.round(Math.random() * (len -1));
curr = arr[index]
}

prev = curr;
return curr;
}

const newItem = getNewItem();
return newItem;
}

уверена, что неправильно, но не знаю как правильно

Как сделать чтобы :before не вылезал вперед при наведении?

Спасибо!

Как сделать чтобы выделение перетекало?

historydev, результат: чтобы создавалось ощущение, что выделение уезжает с ранее активного пункта на новый. Макета нет, есть описание)

Как правильно применить свойства для 3д трансформации?

спасибо огромное!

Как сделать так, чтобы слайды в слайдере бесконечно шли по кругу?

сделала, спасибо!
даже не подумала бы

Почему мой Intersection Observer запускает коллбэк сразу, а не тогда, когда элемент реально появляется на странице?

мне это было не очевидно, большое спасибо!

Как сделать чтобы у меня 3д анимация вращения не плавала в дополнительной плоскости?

Большое спасибо за подробный ответ! Не каждый будет тратить время, чтобы так доступно все объяснить. Еще раз огромное спасибо!