Показ и скрытие видео-виджета VD16 при скролле
Модификация скрывает видео-виджет VD16, а при прокрутке страницы вниз через 500px показывает его.
Инструкция:
Инструкция:
- Добавили блок VD16 на страницу проекта
- Присвоили ему класс uc-video-vidjet
- Скопировали код ниже в блок .t123
<!-- Видео-виджет появляется при прокрутке страницы вниз на 500px -->
<style>
.uc-video-vidjet {
display: none;
}
</style>
<script>
$(window).scroll(function() {
// Показать виджет после прокрутки 500px (измените значение по необходимости)
if ($(this).scrollTop() > 500) {
$('.uc-video-vidjet').fadeIn(400);
} else {
$('.uc-video-vidjet').fadeOut(200);
}
});
</script>P.s. Для более плавного появления и скрытия блока лучше нажать галочку в настройках блока VD16 "Выключить эффект появления при скролле"