总结一下这几天跟前辈学的新知识： 1.吸顶效果，普通的做法是在onscroll函数中监听滚动距离，如果滚动超过导航条高度，则将导航条的class添加.fixed。但是ios6+设备下的浏览器会在页面滚动的时候暂停所有js的执行，包括setTimeout和setInterval，onscroll也不会 ...
分类：
其他好文 时间：
2017-05-18 16:58:20
阅读次数：
234
在逛网站我们可能都会看到靠近网页右边的中间位置有个小广告,不管我们向上还是向下滑动页面它都始终垂直居中。最简单的方式是用固定定位。 先来布局(为了让滚动条出现强行给个2000px的高。。。。。。) css 这样div就差不多在中间的位置了并且不会随页面滚动。 这就完了?每当这种时候我们就问问自己,I ...
分类：
其他好文 时间：
2017-05-16 17:25:22
阅读次数：
228
在各大网站上我们都可以看到一个回到顶部按钮，但它是怎么做的呢？ 其实很简单,我们只需要将scrollTop的值置为0即可。但为了让回滚的效果更舒服，我们需要利用一点运动学的知识让页面滚动的速度由快变慢，例如speed = scrollTop/8。 先给出布局代码: 我们先获取到初始的scrollTo ...
分类：
其他好文 时间：
2017-05-08 21:06:52
阅读次数：
266
个人不太擅长实用JQuery插件，比较喜欢使用原生JS代码，但是制作网站时的难度很大。 今天推荐一个比较实用的插件 地址为： http://www.htmleaf.com/jQuery/Layout-Interface/201704274479.html 为执行动画的dom元素添加class="an ...
分类：
其他好文 时间：
2017-05-07 13:04:58
阅读次数：
2016
在项目中a标签遇到过的问题 发现问题：a标签包装的按钮， 如果这个按钮在页面滚动后出现，你点击后，页面会定位到滚动以前的位置，但是我并不想要这种效果。 分析问题并尝试： 一开始以为是光标定位问题，用document.getElementById("username").focus(); 试了一下还是 ...
分类：
其他好文 时间：
2017-05-04 16:23:34
阅读次数：
149
简介： aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。 使用方法： 在页面中引入aos.css文件,jquery和aos.js文件 HTML结构： 要使用a ...
分类：
Web程序 时间：
2017-05-02 10:07:50
阅读次数：
7082
一、Headroom.js是什么？Headroom.js是一个轻量级、高性能的JS小工具(不依赖不论什么工具库。)，它能在页面滚动时做出响应。此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了。二、Headroom.js有什么用？固定页头(导航条)能 ...
分类：
Web程序 时间：
2017-05-01 12:01:19
阅读次数：
225
可视区域图片懒加载 实现原理，页面滚动时获取需要懒加载的图片，判断此图片是否在可视区域内，是则设置图片data-src地址为src地址，加载图片。 ...
分类：
Web程序 时间：
2017-04-24 17:13:16
阅读次数：
245
插件描述：aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以在页面滚动时提供28种不同的元素动画效果，以及多种easing效果。在页面往回滚动时，元素会恢复到原来的状态。简要教程aos.js是一款效果超赞的页面滚动元素动画jQuery动画库插件。该动画库可以..
分类：
Web程序 时间：
2017-04-24 12:25:01
阅读次数：
226
