как смешать фоновое изображение при прокрутке вниз

У меня есть страница с одной страницей, на которой я хотел бы осветлить фон <body на прокрутке вниз. Я пробовал с jQuery, но, похоже, не смог найти правильный селектор. Я могу получить элементы <body, чтобы исчезнуть, но background-image остается в полной непрозрачности. Я пробовал:как смешать фоновое изображение при прокрутке вниз

$(window).scroll(function() { 
    $("body").css({ 
     'opacity': 1 - (($(this).scrollTop())/250) 
    }); 
    });

Пожалуйста, см: http://inetgate.biz/ron.eggler/

источник

2017-02-05 cerr

вы пытаетесь уменьшает прозрачность тела, это означало на свиток будет скрыть все содержимое, я думаю, что вы можете достичь желаемого эффекта, если вы создать новый Div прямо под телом, а затем поместить большое изображение на что Див непосредственно или в качестве фонового изображения и установить свойство Див как абсолютная и 100% высоту ширины, а потом добавить вам JS как это

$(window).scroll(function() { 
$("new div id ").css({ 
'opacity': 1 - (($(this).scrollTop())/250) 
}) 
});

источник

2017-02-05 06:44:23

как смешать фоновое изображение при прокрутке вниз

ответ

Смежные вопросы