Потому я пытался выставлять бэкграунд и line-height. но как оказалось, это крайне жесткая вещь и летит при любой возможности.
$(window).on('scroll', function(){
console.log('scroll');
}).trigger('scroll');function onScroll() {
console.log('scroll');
}
$(window).on('scroll', onScroll);
onScroll();<div class="site">
<header class="site__header"></header>
<main class="site__main page">
<div class="page__breadcrumb breadcrumb"></div>
<article class="page__article">
<div class="page__title"><h1></h1></div>
<div class="page__content"></div>
<footer class="page__footer"></footer>
<aside class="page__meta-information"></aside>
</article>
</main>
<footer class="site__footer"></footer>
</div>function triplets(str) {
// \u202f — неразрывный узкий пробел
return str.toString().replace(/(\d)(?=(\d\d\d)+([^\d]|$))/g, '$1\u202f');
}