JS----自动滚动效果

滚动循环播放

 页面加载时，首页使用setInterval()方法执行方法，然后可以使用setTimeout()延时方法进行调用滚动方法。。

 

 

 实现滚动效果代如下：

function zrar_autoscroll(){
			debugger;
			//滚动条总高度
			var scrollheight = $('jtlRollID').scrollHeight;
			//滚动条拉动条高度
			var clientheight = $('jtlRollID').clientHeight;
			//滚动条的拉动条在滚动条中距顶部的位置
			var scrolltop = $('jtlRollID').scrollTop;

			//滚动条最低可到位置
			var scrollend = scrollheight - clientheight;
			//自动滚动
			intervaltime = setInterval('zrar_autostart('+scrollend+')',300);

		}

function zrar_autostart(scrollend){
			//滚动条的拉动条在滚动条中距顶部的位置
			var scrolltop = $('jtlRollID').scrollTop;
			//每次运动长
			var autoheiht = 1;
			if((scrolltop + autoheiht) < scrollend ){
				$('jtlRollID').scrollTo(0,scrolltop + autoheiht);
			}else {
				$('jtlRollID').scrollTo(0,0);
			}
		}