看使用Github Pages建独立博客这篇文章时, 发现往下浏览内容时, 每经过一个标题时, 右边目录中相应的标题会被高亮显示, 这个是怎么实现的?
至于目录在右边这种效果, 我在看了页面源码之后已经知道怎么实现的了, 这个不用大家解答.
本人没有系统的学过html、css、javascript, 所以希望大牛回答的通俗简单点.
额,你这标题也太题不对文了吧....
这个应用的是css中的position:fixed.
我也不太懂css,只知道这个position:fixed是跟浏览器挂钩的.
始终跟随浏览器. 当然还需要配合top, left, right, bottom这些.
详情自己google 下
------
代码在此http:///js/post.js
$(window).scroll(function(){
var nowTop = $(window).scrollTop(),index,length = scrollTop.length;
if(nowTop+60 > scrollTop[length-1]){
index = length
}else{
for(var i=0;i<length;i++){
if(nowTop+60 <= scrollTop[i]){
index = i
break;
}
}
}
$('#menuIndex li').removeClass('on')
$('#menuIndex li').eq(index).addClass('on')
});
文章来源:askH5