document.body.appendChild(
Object.assign(
document.createElement('style'), {
innerHTML: `
html {
user-select:auto !important;
}
.acc-text {
pointer-events: auto !important;
}
/* показываем html текст*/
body .acc-text.acc-shadow-el {
opacity: 1 !important;
}
/* прячем svg текст*/
text:not(.cursor-hover text) {
opacity: 0 !important;
}
`
}
)
);
academy.make.com##.acc-text:style(pointer-events: auto !important;)
academy.make.com##html:style(user-select:auto !important;)
academy.make.com##body .acc-text.acc-shadow-el:style(opacity: 1 !important;)
academy.make.com##text:not(.cursor-hover text):style(opacity: 0 !important;)
academy.make.com##+js(aeld, contextmenu)
import.cdn.thinkific.com##.acc-text:style(pointer-events: auto !important;)
import.cdn.thinkific.com##html:style(user-select:auto !important;)
import.cdn.thinkific.com##body .acc-text.acc-shadow-el:style(opacity: 1 !important;)
import.cdn.thinkific.com##text:not(.cursor-hover text)style(opacity: 0 !important;)
import.cdn.thinkific.com##+js(aeld, contextmenu)
position: sticky
в css, который именно для этого и предусмотрен, нельзя, то сделай так чтоб было можно. Потому что это единственный реально адекватный вариант, а какие-то там проблемы с твоим overflow
- это твой косяк, который и надо решать.sticky
- это решали хитрой вёрсткой, где "на самом деле" никакая позиция не меняется, а fixed
(а ещё раньше absolute
) дубликат элемента показывали\скрывали по условию.requestAnimationFrame
и getBoundingClientRect
, не привязываясь к событию scroll, но не пробовал ибо не нужно. clip-path
прекрасно умеет скруглять, rtfm.calc(100vw - 100%)
- ширина сколлбара. Используя это - можно что-то намагичить.:)calc(min(100vw - 100%, 1px) * 10)
, где результат min будет 1px или 0px в зависимости от наличия скроллбара, а 10 - любой нужный множитель.:)Ctrl++
. Если ты хочешь тупо такое же масштабирование, то не надо*.