<div class="section">
<div class="title">
<h2>Заголовок</h2>
<div class="title__subtitle">Подзаголовок</div>
</div>
<div class="inner features">
<div class="features__item">
<div class="block">
<div class="block__icon">
<img class="block__image" src="images/icon1.png" alt="" />
</div>
<div class="block__text">Текст текст текст текст текст</div>
</div>
</div>
<div class="features__item">
<div class="block">
<div class="block__icon">
<img class="block__image" src="images/icon1.png" alt="" />
</div>
<div class="block__text">Текст текст текст текст текст</div>
</div>
</div>
</div>
</div>
<main>
<section>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque fugiat
harum in modi odit quas sit temporibus.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate fuga
hic minima provident quisquam quod repudiandae voluptate? Consequatur in,
necessitatibus.
<section>
</main>
<div id="someId">
<!-- COMMENT One-->
<!-- COMMENT Two -->
<!-- {"json": true} -->
</div>
<output></output>
let out = document.querySelector('output');
let el = document.querySelector('#someId');
for (let i = 0; i < el.childNodes.length; i++) {
let child = el.childNodes[i];
if (child.nodeType == 8) {
console.log(child.textContent);
out.innerHTML += ' <br> ' + child.textContent;
}
}
hp
), высоту окна (hw
)smax = hp - hw
и минимальный smin = 0
hmax
) и конечный (hmin
) размеры целевого элементаs
)ds = smax - smin = smax
dh = hmax - hmin
s / ds = h / dh , где h - приращение высоты целевого элемента
h = hmax - (dh * s) / ds
h = (dh * s) / ds + hmin
var element = document.getElementById('d');
var hp = document.body.scrollHeight,
hw = window.innerHeight,
smax = hp - hw,
smin = 0,
hmin = 100,
hmax = 300,
ds = smax - smin,
dh = hmax - hmin;
window.addEventListener('scroll', function () {
var s = window.pageYOffset; // current scrollTop
var h = hmax - (dh * s) / ds;
element.style.height = h + 'px';
});
var element = document.getElementById('d');
var hmin = 100,
hmax = 300;
window.addEventListener('scroll', function () {
var s = window.pageYOffset; // current scrollTop
var h = hmax - ((hmax - hmin) * s) / (document.body.scrollHeight - window.innerHeight);
element.style.height = h + 'px';
});
на подобие jade но с html синтаксисом