码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-07-31 10:02:55      阅读:112      评论:0      收藏:0      [点我收藏+]

标签:window   css   osi   scroll   pac   int   bsp   head   body   

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‘);
}
});

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

标签:window   css   osi   scroll   pac   int   bsp   head   body   

原文地址:http://www.cnblogs.com/ch-zaizai/p/7261386.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!