页面滚动后 顶部的透明度变化

Posted 2020-09-30 仔仔爱学习

css:

body: margin-top:XXpx;

.page_header_container: position:fixed;

 

js:
var $window = $(window),
$body = $(‘body‘),
$bgMask = $(‘#page_header_container .bgMask‘);
$window.on(‘scroll‘, function() {
if (parseInt($window.scrollTop()) > 0) {
$bgMask.css(‘opacity‘, ‘.7‘);
} else {
$bgMask.css(‘opacity‘, ‘1‘);
}
});