怎么判断页面离开锚点位置

[Charles杨]

$(window).scroll(function(){
      //为页面添加页面滚动监听事件
        var wst =  $(window).scrollTop(); //滚动条距离顶端值
         for (i=1; i<7; i++){             //加循环
          if($("#a"+i).offset().top<=wst){ //判断滚动条位置
           $('#nav a').removeClass("c"); //清除c类
           $("#a"+i+i).addClass("c"); //给当前导航加c类
          }
         }         
      })

[scscms太阳光]

//加上定时器，以防卡死
//以网页中线为基线，锚点在屏幕上半部分的就让其添加导航c类
function fun(){
    var half = document.documentElement.clientHeight/ 2;//屏幕中线
    for (var i = 1; i < 7; i++){             //加循环
        if($('#a'+ i)[0].getBoundingClientRect().top > half){
            break;
        }
    }
    $('#nav a').removeClass("c"); //清除c类
    $('#a'+ i).addClass("c"); //给当前导航加c类
}
var setTime = null;
$(window).scroll(function(){
    clearTimeout(setTime);
    setTime = setTimeout(function(){fun()},30);
});

[Go 旅城通票]

这种？jquery实现章节目录效果，判断锚点是否在可见范围即可

[Charles杨]

引用 3 楼 showbo 的回复:

这种？jquery实现章节目录效果，判断锚点是否在可见范围即可

看不懂，

[草原上的奶牛]

使用jQuery-One-Page-Nav插件吧。 https://davist11.github.io/jQuery-One-Page-Nav/

[木头海上漂]

var d =document.getElementById('x'); var top=0; while(d.parentNode!=null) { top=top+d.offsetTop; d=d.parentNode; } document.body.addEventListener('scroll',function(){ if(this.scrollTop+this.offsetHeight==top) alert('弹出窗口'); });