滚动一定的高度底色递增

Posted 诩小贝

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了滚动一定的高度底色递增相关的知识,希望对你有一定的参考价值。

$(window).scroll(function() {
    var swipeHeight = 200;//完全变色高度
    var scrollTop = $(document).scrollTop();//页面滚动高度
                
    var x = scrollTop/swipeHeight;
                
    $(".head-bg").css({"opacity":x});
})

 

以上是关于滚动一定的高度底色递增的主要内容,如果未能解决你的问题,请参考以下文章

BootStrap有用代码片段(持续总结)

前端技术 -- 页面滚动条到一定高度后出现置顶按钮

Android滚动问题

JS简单实现“滚动到顶部“按钮悬浮效果,在一定高度才显示 - 替代CSS粘性定位position:sticky方案

JS简单实现“滚动到顶部“按钮悬浮效果,在一定高度才显示 - 替代CSS粘性定位position:sticky方案

JS实现菜单滚动到一定高度后固定