1.引用wow.js插件与animate.css一同使用,用js调用该插件:

new WOW().init();
var wow = new WOW({
    boxClass: 'wow',
    animateClass: 'animated',
    offset: 0,
    mobile: true,
    live: true
});
wow.init();

2.引用animate.css插件,该插件主要是css3动画合集,使用原理与bootstrap相似;

IE6、IE7等老版本浏览器不支持css3所以没效果;

3.项目使用一个鼠标滚事件,监听滑动条与页面顶部的高度: 

window.onscroll = function(){
  var sTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;

  //用于兼容IE有无doctype申明的页面和Safari

  //scrollTop返回一个整数;

}

 

posted on 2018-01-08 15:39  留┗┻┛起  阅读(75)  评论(0)    收藏  举报