javascript - 如何用js监听上下滚动到随便某一个div时能获取到该div的id
怪我咯
怪我咯 2017-04-11 13:32:57
[JavaScript讨论组]
怪我咯
怪我咯

走同样的路,发现不同的人生

全部回复(1)
天蓬老师

我猜想这是两个功能

  1. 点击<a> 跳转到对应的p

     var a = $('a[href]', 'nav');
     a.click(function(){
    
        var href = $(this).attr('href');
        var o = $(href).offset();
        $(window).scrollTop(o.top, 1000); //增加个动画效果
    });
  2. 页面滚动时候,给上述a添加一个 ative的样式

    var a = $('a[href]', 'nav');
    $(window).on('scroll', function() {
        a.removeClass('active');
        for(var i = 0; i < a.length; i++)
        {
            var $a = a.eq(i), st = $(window).scrollTop();
            var top = $a.offset().top;
            if (st >= top && st <= $a.height() + top) //  top >= st >= top + height
            {
               $a.addClass('active'); //此处已经获得了哪个a
                break;
            }
        }
            
    });
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号