html,
body {
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: none;
-webkit-overflow-scrolling: touch;
}
* {
backface-visibility: hidden;
// не забывай в дальнейшем отменять данное свойство для конкретных блоков, если нужно видеть обратную сторону при трансформациях.
}
srcset
.middle-block {
flex: 1 1 auto;
// или, если там иные задачи
flex: 1 1 100%;
}
overflow: hidden;
, а если нужна прокрутка внутри блока, то лучше уже в него вставить дополнительный контейнер с высотой 100%, которому уже задать overflow: auto;
// Массив сцен, всем задаем класс вместо айди
var scenes = [];
var scenesSelector = document.querySelectorAll('.scene');
// Перебор сцен
for(i=0; i<scenesSelector.length; i++){
scenes[i] = new Parallax(scenesSelector[i]);
}
// Если будет нужно будет потом работать со сценами (де/активировать), то вот так:
function scenesDisable(){
for(i=0; i<scenes.length; i++){
scenes[i].disable();
}
}
function scenesEnable(){
for(i=0; i<scenes.length; i++){
scenes[i].enable();
}
}
if (element.offsetTop - offset.y + 'px' <= позицияВерхнейЛинии + 'px') {
element.style.top = позицияВерхнейЛинии + 'px'
}