原生js实现全屏滚动(firefox兼容性问题还没解决) 最近发现刷前端在线简历,发现许多人都使用了全屏滚动特效 所以今天特意来实现一下 css样式:* {　　margin: 0;　　padding: 0;}h1 {　　width: 200px;　　height: 200px ...

在以前的项目中有用到，在此整理一下： html部分 JS部分 window.cancelAnimationFrame(aid); ...

前言： 我有一个html格式的2048游戏，可以用键盘上下左右操作，但是放到手机上就抓瞎了。于是想修改一下代码，将键盘事件改成手机触屏事件。 html5 的touch事件 html5支持touch事件，虽然功能不多，兼容性也不是很好，但是好在不用其他库而且逻辑简单 ...

一个很有意思的css属性scroll-snap-type，属性的解释是：定义在滚动容器中的一个临时点如 ...

html实现滚动播报（原生JS实现） 　　废话不多说，先看一个简单的滚动效果（鼠标放上去的时候可以暂停滚动，谷歌版本 66.0.3359.139（正式版本）查看时会出现滚动混乱。单独提出来的时候不会，应该是谷歌和博客园的某些不兼容优化造成的）： 第一个子DIV 第二个 ...

html结构： ...

其他，插件：http://www.dowebok.com/77.html 原理： 1. 计算当前浏览器屏幕高度，每次翻页显示的内容高度即为屏幕高度 2. 对鼠 ...

原生JS模拟滚动条 求滚动条的高度   可视内容区的高度 / 内容区的实际高度 = 滚动条的高度 / 滑道的高度 求内容区top的值   内容区距离顶部的距离 / (内容区的实际高度 - 可视内容区域的高度 ) = 滚动条距离顶部的距离 / ( 滑道的高度 ...