群内有朋友

时间：2023-04-02 16:26:20 HTML

关于特定位置进度条的加载问了一个问题：有一个进度条，当进度条出现在视野中时，加载开始，当它消失时，进度条归0，CSS3动画是不允许实现的，于是，思前想后，开始动手了。.html:

css:.main{width:1000px;保证金：0自动；}.main.block{宽度：100%；高度：500px；背景颜色：黄色；margin-bottom:20px;}.main.progress{宽度:50%;高度：50px；保证金：0自动；border:1pxsolid#ebebeb;}.main.progress.progressItem{background-color:green;宽度：0；height:50px;}js:$(window).scroll(function(){if(($(window).scrollTop()+$(window).height())>$(".progress").offset().top){如果(($(window).scrollTop()<$(".progress").offset().top+$(".progress").height())){$(".progressItem").animate({width:"100%",},5000);}else{$(".progressItem").stop(true,true).css("width","0px");}}else{$(".progressItem").stop(true,true).css("width","0px");}});嗯，代码是这样的~

上一篇：HTML基础学习

下一篇：关于IOS和Android的line-height不兼容

群内有朋友相关文章