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返回一个整数;
}
浙公网安备 33010602011771号