s = [];contents.each(function () { s[s.length] = a href=# +
    发布时间:2020-07-02

contents = $(diva[name]:first-child)。

s = [];contents.each(function () { s[s.length] = a href=# + this.name + + this.name + /a; });anchors = $(div id=anchor + (window.fixIE6 ? class=fixie6 : ) + + s.join(br) + /div).appendTo(document.body).find(a); //添加文章的章节目录contents = contents.parent(); //更新章节锚点为内容节点//计算内容节点的上端点和下端点contents.each(function () { var o = $(this); o.data(top-bottom。

jquery实现章节目录效果源代码 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN titlejquery实现章节目录效果/titlescript src=http://www.w3dev.cn/article/20131101/https:/cdn.bootcss.com/jquery/1.7.1/jquery.min.js/scriptstylebody{background-attachment:fixed;background-image:url(about:blank)}/*修正IE6下浮动层闪动*/#anchor{position:fixed;top:150px;right:0px;border:solid 1px black;}#anchor.fixie6{position:absolute;top:expression(eval(document.documentElement.scrollTop)+150);}#anchor a{text-decoration:none;color:blue;}#anchor a.focus{background:red;color:white;}/stylescriptif (document.all) document.write(!--[if lte IE 6]script type=text/javascriptwindow.fixIE6= true\/script![endif]--);//增加是否为IE6的判断window.onload = function () {var strict = document.compatMode == CSS1Compat,。

将会取章节容器中的第一个子元素锚点作为章节目录列表内容, el) {var tb = $(this).data(top-bottom);if ((tb.top viewTop tb.top viewBottom) || (tb.bottom viewTop tb.bottom viewBottom) || (tb.top viewTop tb.bottom viewBottom))anchors.eq(index).addClass(focus);elseanchors.eq(index).removeClass(focus);}).trigger(scroll);});};/scriptdiv style=height:800pxa name=anchor1anchor1/a/divdiv style=height:800pxa name=anchor2anchor2/a/divdiv style=height:800pxa name=anchor3anchor3/a/divdiv style=height:800pxa name=anchor4anchor4/a/div 加支付宝好友偷能量挖... ,, 本示例实现文章详细内容如果添加了anchor锚点时, anchors,当那些章节锚点显示在浏览器可见视窗内, bottom: o.offset().top + o.height() }); });$(window).scroll(function () {var viewTop = Math.max(document.body.scrollTop, { top: o.offset().top, document.documentElement.scrollTop); //可见高度顶部var viewBottom = document[strict ? documentElement : body].clientHeight + viewTop; //可见高度底部contents.each(function (index,在页面右边生成一个不随页面滚动的固定anchor列表,增加浮动章节列表的锚点获得焦点的样式, 章节的锚点位置注意看示例中的代码。