Я написал скрипт плавного появления блоков при прокрутке страницы:
var scrollSlideLeftWindowHeight = $(window).height();
$(window).scroll(function(){
// Scroll Slider Opacity ------------------------------------
if(window.matchMedia('(min-width: 1101px)').matches){
$('.scrollFunctionLeft').each(function() {
var selfAARF = $(this),
heightAARF = selfAARF.offset().top + (selfAARF.height() - selfAARF.height() + 200);
if ($(document).scrollTop() + scrollSlideLeftWindowHeight >= heightAARF) {
selfAARF.removeClass('hideScroll');
}
});
} else if(window.matchMedia('(max-width: 1100px)').matches){
$('.scrollFunctionLeft').each(function() {
var selfAARF = $(this),
heightAARF = selfAARF.offset().top + (selfAARF.height() - selfAARF.height() + 100);
if ($(document).scrollTop() + scrollSlideLeftWindowHeight >= heightAARF) {
selfAARF.removeClass('hideScroll');
}
});
}
});
.scrollFunctionLeft { opacity: 1; -webkit-transition: all 0.9s ease; transition: all 0.9s ease; }
.hideScroll { opacity: 0.001; }
То есть я изначально поставил к блокам класс с Opacity 0.001, а после того, как активная область экрана доходит до блока, класс убирается и блок становится с opacity 1.
Будет ли это влиять на ранжирование и индексацию сайта, ведь изначально все блоки с контентом скрыты?
UPD1: есть вариант добавить
noscript, чтобы в нем забить стили, которые делают этим блокам opacity: 1, но это тоже неизвестно