<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title> </title>
<style type="text/css">
body { position:relative;
}
.toc {
width: 200px;
height: auto;
z-index: 98;
background-color: rgba(255,255,255,0);
transform: translateX(0);
right: calc((100% - 950px - 250px) / 2);
position: fixed !important;
top:480px;
position: absolute;
padding-top: 10px;
padding-bottom: 10px;
} </style>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/tocbot/4.5.0/tocbot.min.js"></script> -->
<link rel="stylesheet" href="tocbot.css">
<script src="jquery-1.11.3.min.js"></script>
<script src="tocbot.min.js"></script>
</head>
<body>
<div class="site-header"> </div>
<div class="toc"> </div>
<article>
<div class="entry-content" style="width: 100px;">
<h1> h1 </h1>
<h2>How much is a diesel oncrete pump? 89411gg </h2>
<p></p>
<p>If you want to get the price, please send us your project plan, we will recommend a machine and quotation table that meet your needs according to your needs ， the price of the concrete pump is affected by many factors, such as the type and specifications of the pump, related accessories, whether the factory direct sales, after-sales service, etc.</p>
<p>So if you want to get a favorable price, you need to select a machine that is fit for your project. If your project is relatively large, but you buy a small pump, then this will delay the progress of your project. Conversely, if you don’t need to pump much concrete every day and you buy a large pump, then some of the pump’s functions will be idle. Our HAMAC has our own production factory, If you are convenient, welcome to visit our factory.</p>
<h2>Successful Cases of HAMAC diesel oncrete pump</h2>
<h2>How much is a diesel 89 </h2>
<p></p>
<p>If you want to get the price, please send us your project plan, we will recommend a machine and quotation table that meet your needs according to your needs ， the price of the concrete pump is affected by many factors, such as the type and specifications of the pump, related accessories, whether the factory direct sales, after-sales service, etc.</p>
<p>So if you want to get a favorable price, you need to select a machine that is fit for your project. If your project is relatively large, but you buy a small pump, then this will delay the progress of your project. Conversely, if you don’t need to pump much concrete every day and you buy a large pump, then some of the pump’s functions will be idle. Our HAMAC has our own production factory, If you are convenient, welcome to visit our factory.</p>
<h2>Successful Cases of HAMA3</h2>
<h2>How much is a diesel oncrete pump?001</h2>
<p></p>
<p>If you want to get the price, please send us your project plan, we will recommend a machine and quotation table that meet your needs according to your needs ， the price of the concrete pump is affected by many factors, such as the type and specifications of the pump, related accessories, whether the factory direct sales, after-sales service, etc.</p>
<p>So if you want to get a favorable price, you need to select a machine that is fit for your project. If your project is relatively large, but you buy a small pump, then this will delay the progress of your project. Conversely, if you don’t need to pump much concrete every day and you buy a large pump, then some of the pump’s functions will be idle. Our HAMAC has our own production factory, If you are convenient, welcome to visit our factory.</p>
<h2>Successful Cases of HAMAC diesel oncrete pump3</h2>
</div>
</article>
<script>
function mashiroToc(mashiro) {
// 滚动及悬浮
$(document).ready(function() {
if ($("div").hasClass("toc")) {
var $elm = $('.toc');
var iniTop = 500;
var finTop = 100;
var hasScrolled = $('.site-header').offset().top;
if (hasScrolled > iniTop) {
$elm.css({
'top': finTop
});
}
$(window).scroll(function() {
var p = $(window).scrollTop();
if (p > iniTop - finTop) {
$elm.css({
'top': finTop
});
} else {
$elm.css({
'top': iniTop - p
});
}
});
}
});
// 初始化
if (mashiro) {
var id = 1;
$(".entry-content").children("h1,h2,h3,h4,h5").each(function() {
//var hyphenated = $(this).text().replace(/\s/g, '-');
var hyphenated = "mashiro-" + id;
$(this).attr('id', hyphenated);
id++;
});
// 初始化 tocbot.js
tocbot.init({
tocSelector: '.toc',
contentSelector: '.entry-content',
headingSelector: 'h1, h2, h3, h4, h5',
positionFixedSelector: ".toc",
scrollEndCallback: function (e) {
window.scrollTo(window.scrollX, window.scrollY - 80);
},
});
}
}
mashiroToc(true);
</script>
</body>
</html>
</head>
toc-加锚链接js适用于长文章
需积分: 0 29 浏览量
2023-06-18
19:36:14
上传
评论
收藏 38KB ZIP 举报
toc-加锚链接js适用于长文章.zip （4个子文件） 
tocbot.min.js 10KB tocbot.css 565B
导航吸顶1.html 5KB jquery-1.11.3.min.js 94KB资源评论
小小优化师anny
- 粉丝: 177
- 资源: 36
