html页面滚动导致阴影出现,网页滚动一定距离，显示某个css属性

JS部分：

function getTop() {

var mytop = $(document).scrollTop();

if (mytop > 100) {

$(".s_down").css({ //网页向下滚动100px，显示的css属性

'box-shadow': '0 2px 10px 0 rgba(0,0,0,.1)',

'display': 'block',

'top': 0,

});

} else {

$(".s_down").css({

'box-shadow': '0 2px 10px 0 rgba(0,0,0,0)', //默认显示css属性

});

}

setTimeout(getTop);

}

getTop();

HTML部分：

示例：

当top为0时，底部没有阴影：

滚动100像素后，显示了阴影。

标签：getTop,滚动,top,down,网页,100,css

来源： https://www.cnblogs.com/fujie818/p/14271128.html