js悬浮对联(随页面滚动而滚动)

最新推荐文章于 2021-03-13 02:44:46 发布

小丫007

最新推荐文章于 2021-03-13 02:44:46 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/xiaoya_syt/article/details/53118191

版权




	
   
   
	悬浮框对联
	
	<script>
		window.οnscrοll=function () {
			// body...
			var div1=document.getElementById('div1');
			var scrolltop=document.body.scrollTop|| document.documentElement.scrollTop;
			
			startMove(parseInt((document.documentElement.clientHeight-div1.offsetHeight)/2+scrolltop));

		}
		var timer=null;

		function startMove(argument){

			var div1=document.getElementById("div1");

			clearInterval(timer);
            

			timer=setInterval(function(){

				var speed=(argument-div1.offsetTop)/4;

				speed=speed>0?Math.ceil(speed):Math.floor(speed);

				if(argument==div1.offsetTop){
					clearInterval(timer);
				}
				else{
					div1.style.top=div1.offsetTop+speed+"px";
				}

			},30);
		}

	</script>