//滚动监听插件 $(window).scroll(function(e) { //浮动随着可视窗口出现和隐藏 // $(".roll").each(function() { // var e = $(this); // // var cth = $(window).scrolltop(); // //console.log('可视窗口顶部距离页面顶部的高度'+cth); // // var cbh = $(window).height() + $(window).scrolltop(); // //console.log('可视窗口底部距离页面顶部的高度'+cbh); // // var domth = e.offset().top; // //console.log('元素顶部距离页面顶部的位置' + domth); // // var dombh = e.offset().top + e.height(); // //console.log('元素底部距离页面顶部的位置' + dombh); // // if(cbh > domth && dombh > cth) { // e.addclass('roll-active'); // } else { // e.removeclass('roll-active'); // } // // }); //浮动随着可视窗口出现后不再次隐藏 $(".roll").each(function() { var e = $(this); if(!e.hasclass('roll-active')){ var cth = $(window).scrolltop(); //console.log('可视窗口顶部距离页面顶部的高度'+cth); var cbh = $(window).height() + $(window).scrolltop(); //console.log('可视窗口底部距离页面顶部的高度'+cbh); var domth = e.offset().top; //console.log('元素顶部距离页面顶部的位置' + domth); var dombh = e.offset().top + e.height(); //console.log('元素底部距离页面顶部的位置' + dombh); if(cbh > domth && dombh > cth) { e.addclass('roll-active'); } } }); }); //页面刷新初始化 $(document).ready(function(){ var t = $(window).scrolltop(); $('body,html').animate({'scrolltop':t+1},100); $('body,html').animate({'scrolltop':t-1},100); });