让滚动条滚动到指定位置，带动画效果 jQuery

最新推荐文章于 2024-12-23 17:58:03 发布

原创最新推荐文章于 2024-12-23 17:58:03 发布 · 9.1k 阅读

9 ·

CC 4.0 BY-SA版权

网页前端专栏收录该内容

35 篇文章

订阅专栏

本文介绍如何使用jQuery实现页面滚动条的平滑滚动动画，并展示了一种方法来实现元素在滚动到特定位置时的悬浮效果。通过JavaScript代码，可以为网站增加交互性和用户体验。

让滚动条滚动到指定位置，带动画效果 jQuery

$('html,body').animate({scrollTop: ID.offset().top},300);

滚动到指定位置悬浮

		    var oDiv=document.getElementById("float");
		    var H=0,iE6;
		    var Y=oDiv;
		    while(Y){H+=Y.offsetTop;Y=Y.offsetParent};
		    iE6=window.ActiveXObject&&!window.XMLHttpRequest;
		    if(!iE6){
		        window.onscroll=function()
		        {
		            var s=document.body.scrollTop||document.documentElement.scrollTop;
		            if(s>H){oDiv.className="div2 detailtext ";if(iE6){oDiv.style.top=(s-H)+"px";}
		            $(".qrcode img").css("position","fixed").css("top","160px");
		            }
		            else{oDiv.className="detailtext";
		            $(".qrcode img").removeAttr("style");
		            }    
		        };
		    }