Как подружить fixed с transform?

Question

[AlexWD]

Мне нужно прибить синий блок к потолку, но из за того, что content имеет свойство transform, fixed(синий блок) начинает отображаться от самой высокой точки сайта, а не от потолка браузера. Как это можно исправить?

JSFiddle

Answer 1

[AlexWD]

Решением будет закрепление меню при помощи той же библиотеки GSAP

ScrollTrigger.create({
  trigger: ".catsecmenu",
  pin: true,
  pinSpacing: false,
  markers: true,
  end: () => ScrollTrigger.maxScroll(document.body),
  invlidateOnRefresh: true
})

Answer 2

[Александр Епихин]

А чем отличается "самая высокая точка сайта" от "потолка браузера"?