网页滚动一定距离，显示某个css属性

JS部分：

<script>
    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();
</script> 

 

HTML部分：

<div class="s_down"></div>

 

示例：

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

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