开启辅助访问
帐号登录 |立即注册

jquery监听页面滚动,获取元素距离屏幕顶部高度

 
监听页面滚动函数

$(window).scroll(function(){
   //这里执行你要的函数
});


JavaScript
获取元素距顶部距离的高度

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',
                });       
        }
               


});

回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

友情链接
  • 艾Q网

    提供设计文章,教程和分享聚合信息与导航工具,最新音乐,动漫,游戏资讯的网站。