jquery监听页面滚动,获取元素距离电脑屏幕顶部高度
监听页面滚动函数
$(window).scroll(function(){ //这里执行你要的函数 });
获取元素距顶部距离的高度
var w_t = $(window).scrollTop(); //滚动条高度 var tag_t = $('#tag').offset().top; //id 为tag 距离页面顶部高度 var tag_h = tag_t -tag_t ; //元素距离电脑屏幕顶部高度
例子:
当id为#lead元素 距离电脑屏幕顶部高度 小于0时,固定浮动到指定位置,当大于或等于原来高度时恢复到原来位置
$(window).scroll(function(){ var lead_t = ($('#lead').offset().top - $(window).scrollTop()); //当前高度 //距离电脑屏幕顶部高度小于0时 if(lead_t <= 0){ $('#lead').css({ 'position':'fixed', 'top':'45px', }); } //大于或等于原来高度 if(lead_t == $('#lead').offset().top){ $('#lead').css({ 'position':'static', }); } });