PHP在文章头部添加toc的代码
如下<script type="text/javascript">
$(document).ready(function(){
$(".article-content h2, .article-content h3").each(function(i,item){
var tag = $(item).get(0).localName;
$(item).attr("id","wow"+i);
$("#category").append('<a class="new'+tag+'" href="#wow'+i+'">'+$(this).text()+'</a></br>');
$(".newh2").css("margin-left",0);
$(".newh3").css("margin-left",20);
});
// 监听滚动事件,当滚动到某个位置的时候触发相应的事件。
var headroom = new Headroom($('#header')[0], { // 对页头进行实例化
"offset": 135, // 设置距离页面顶部多少距离时隐藏页头
"tolerance": 5, // 所能容忍的滚动条位移,也就是说当你往上或者往下滚动一小部分距离(offset设定的值以内)时也会隐藏/显示页头
"classes": { // 这里是一些回调函数,会在特定阶段执行相应的函数。这样你就可以在显示和隐藏headroom时执行一些其他的操作。
initial : 'top-bar', // 初始化时添加的class
pinned : 'slideDown', // 向下滑动式添加的class
unpinned : 'slideUp', // 向上滑动式添加的class
} }); headroom.init(); }); </script>
创作工场
免责声明:
以上内容除特别注明外均来源于网友提问,创作工场回答,未经许可,严谨转载。
点击这里>>使用🔥专业版,更聪明、更完整、更原创!