<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin ...
lt script src https: code.jquery.com jquery.js gt lt script gt 引入jquery lt script gt 滚动事件绑定 window .scroll function window .scrollTop 窗口滚动的高度 window .height 屏幕可见区域的高度 移动高度 屏幕高度 var windowHeight windo ...
2017-09-14 22:40 0 1753 推荐指数:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin ...
运行以下代码: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>snow</title> <style> ...
不知不觉就已经好久没写过博客了,自从七月正式毕业后,离开了实习了将近九个月的老东家,进了鼠厂后,做的事都是比较传统的前端活,之前在tpy的时候只管做移动h5的特效以及小游戏,再加上实习所以时间比较充裕,canvas玩的比较多,而现在因为工作都是些传统前端工作,而且也忙,就基本上没再写 ...
不知不觉就已经好久没写过博客了,自从七月正式毕业后,离开了实习了将近九个月的老东家,进了鼠厂后,做的事都是比较传统的前端活,之前在tpy的时候只管做移动h5的特效以及小游戏,再加上实习所以时间比较充裕,canvas玩的比较多,而现在因为工作都是些传统前端工作,而且也忙,就基本上没再写过canvas ...
总共3种, 1、从左到右 2、从中间到两边 3。百叶窗 只要知道了原理,剩下的就是绘制了 代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> < ...
鼠标滚轮 基本描述 1、我们使用插件fullpage,为了更好的兼容性 2、动画效果是在滚动到这一屏时触发的,此时给当前屏幕加current类,其他的移除current类 3、动画的效果的过渡状态是必须在移除current类的时候移除,在添加current类的时候添加 ...
在有视频播放的页面上,有时我们需要滚动页面查看视频相关的内容信息,如简介、相关评论等,那么滚动页面时,视频播放器会离开视窗区域,这个时候我们可以使用JS和CSS技术将播放器切换固定到页面右下角。 查看演示 下载源码 使用方法 在页面中引入jquery文件 ...
现在显示器一般都是宽屏,网页两端常常会留白。 两边可能会放一些推荐、标签或是导航什么的辅助模块。 现在有的网站页面内容过长时,用户将滚动条向下拉时,拉到一定程度,左右两侧的辅助模块就会固定在指定位置,不随滚动条滚动。这个的体验很好。 试着自己写了一个。 原理很简单,就是使用JS计算当滚动 ...