我是靠谱客的博主 威武皮卡丘,最近开发中收集的这篇文章主要介绍js自动滚屏,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

小说或者是漫画程序

主要代码块如下:

 function initialize()
	      {//滚动速度:
	       //这里是通过循环重复调用来实现滚动速度的
	        timer=setInterval ("scrollwindow ()",1);
	      }


	      //退出循环程序
	      function sc()
	      {//退出循环模式,
	        clearInterval(timer);
	      }


	      //滚动程序
	      function scrollwindow()
	      {
	      //获取滚动的长度
	        currentpos=document.body.scrollTop;
	        //这里是jq获取div判断滚动的速度,可根据自己内容自定义
			if($(".scoll span").html()=='1倍速')
			{
			//js滚动的方法
				window.scroll(0,++currentpos);
			}
			else if($(".scoll span").html()=='2倍速')
			{
				window.scroll(0,++currentpos+0.5);
			}
			//获取当前可见区域的body
			let body = document.body;
			body.clientHeight; // 元素当前可视区域高度(不算隐藏的部分)
			body.scrollHeight; // 元素滚动区域高度
			// 滚动到底部
			if(body.clientHeight + body.scrollTop == body.scrollHeight) {
			    alert('本章已看完,请点击下一集!');
				sc();
			}
	      }

最后

以上就是威武皮卡丘为你收集整理的js自动滚屏的全部内容,希望文章能够帮你解决js自动滚屏所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(53)

评论列表共有 0 条评论

立即
投稿
返回
顶部