Comments (5)
Sure! I am happy to help.
First download the files from here:
https://github.com/tscanlin/tocbot/releases/
Then include the css in the head of your HTML document:
<link rel="stylesheet" href="assets/css/tocbot.css">
And include js at the bottom before the closing body tag:
<script src="assets/js/tocbot.js"></script>
Then in the body tag have:
<div class="js-toc"></div>
<div class="js-toc-content">
<h1 id="heading-1">Heading 1</h1>
<p>some text</p>
<h2 id="heading-2">Heading 2</h2>
</div>
And initialize it after the first script tag
<script>
tocbot.init();
</script>
And that should work. Just make sure the css/ js is somewhere relative to your HTML file. Hope that helps!
from tocbot.
Did that help answer your question or are you still stuck??
from tocbot.
I'm not sure what you are asking because I do not understand chinese. When I translate what you typed I see:
"Will the ability to use the bootstrap theme?
Highlight color Regulate ?"
This project does not require bootstrap if that's what you are asking.
from tocbot.
If you check the releases page there are compiled files:
https://github.com/tscanlin/tocbot/releases
Please re-open this issue if there is something else I can help with.
from tocbot.
i'm very gald your answer.
translate is fine
your project is very good.but i'm a freshman in html,can you description how to use it step by step?
for example,should i write anyhing in html,etc
from tocbot.
Related Issues (20)
- Unusual issue with .is-active-link when there are multiple tocbots on a page HOT 1
- Overscroll support HOT 3
- the icon should stay original position when toc unfold HOT 6
- is-active-li not set on scroll or click, only on page load HOT 5
- can't work on hexo-theme-landscape HOT 6
- tocbot 4.18.2 is not detecting h3 HOT 3
- How to scroll the page to a title of an article and highlight a title in the directory HOT 1
- skipRendering true throws exception HOT 2
- Using `headingObjectCallback` doesn't modify ID with `createLink`? HOT 3
- hasInnerContainers: false is not working for relative and abosulte container HOT 3
- Can add support collapsed / collapsible callback ? HOT 1
- Feature: Transform to dropdown on mobile HOT 1
- Feature Request: optionally let TocScrollSync only enabled when the active header is not shown HOT 4
- index.d.ts mismatch current options HOT 2
- No highlight in Hugo Dream template HOT 2
- How can I add an extra nav link for example "Comments"? HOT 3
- headingsOffset does not work with scrollSmooth: true HOT 5
- Additional input text line for either filtering or searching HOT 2
- "ol.toc-list" could be truncated, especially if the root heading is shown HOT 6
- Ignore header tags with no ids HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from tocbot.