摘要: 先介绍几个属性:(暂时只测了IE和firefox,实际上我工作中用到的最多的是chrome) 网页被卷起来的高度/宽度(即浏览器滚动条滚动后隐藏的页面内容高度) (javascript) document.documentElement.scrollTop //firefox (javascript 阅读全文
posted @ 2018-07-19 21:40 极客小乌龟 阅读(3340) 评论(0) 推荐(0) 编辑
摘要: 一、手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。 二、js中距离:pageY、clientY、offsetY的区别: offsetY:相对于父节点的偏移距离。 clientY:相对于浏览器,滚轮距离不算在内。 pageY:相对于浏览器,滚轮滚动的距离算在 阅读全文
posted @ 2018-07-19 21:38 极客小乌龟 阅读(843) 评论(0) 推荐(0) 编辑
摘要: 最近在搞弹幕效果所以就写一个关于弹幕的吧,刚开始寻思去网上找插件的,但找的插件和我的需求都不太相符,其实做弹幕我知道的有两种方法: 1:一种是用canvas和对象来完成弹幕想过,用canvas来完成弹幕动画,每一条弹幕就是一个对象,但是由于canvas定位到视频框上面,会覆盖掉直播框,这样就会让我的 阅读全文
posted @ 2018-07-19 21:33 极客小乌龟 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 原理:1:当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和staerY; 2:当触发touchmove事件的时候,再获取此时手指的横坐标moveEndX和纵坐标moveEndY;最后,通过两次获取的坐标差值来判断手指在手机屏幕上的滑动方向。 代码: $("body").o 阅读全文
posted @ 2018-07-19 21:31 极客小乌龟 阅读(5689) 评论(0) 推荐(0) 编辑