Comments (4)
I've done this by scrolling the content, not the entire page.
Sample here with minimal delta from base Slate: https://github.com/seweil/slate-test
And in production here: http://smartsheet-platform.github.io/api-docs/
One unresolved bug: Browser back button doesn't work well. I'd appreciate suggestions here.
(The quick and dirty solution is to add a lot of padding before each header.)
from jquery.tocify.js.
Hi @seweil , I am trying to achieve exactly that. The Navbar is in position: fixed, and hence hiding the page content. What parameter did you use to scroll the content from the tocify jquery? I do not want to resort to padding between headers.
from jquery.tocify.js.
You'll will have to look at the code changes in this fork
from jquery.tocify.js.
Alright, I got it to work. I added the intended value in pixels (e.g. 70) on line 953.
// _scrollTo
// ---------
// Scrolls to a specific element
_scrollTo: function(elem) {
var self = this,
duration = self.options.smoothScroll || 0,
scrollTo = self.options.scrollTo + 70,
currentDiv = $('div[data-unique="' + elem.attr("data-unique") + '"]');
if (!currentDiv.length) {
return self;
}
I am not sure why this works, but inserting the value in the scrollTo parameter itself on line 88 does not.
from jquery.tocify.js.
Related Issues (20)
- TOC not highlighting HOT 1
- Can't have two tocifyin same page
- toc is not generated: 'selectors': 'h2,h3,h4,h5', post only have ‘h3’ HOT 2
- Item becomes active too early HOT 5
- AngularJS Compatibility? HOT 3
- TOC only pins to the top
- Context options
- Disabling overscroll with tocify
- Any chance to get a WP plugin, or at least a guide? HOT 1
- Tocify alternative HOT 5
- 这个插件都没人维护了,没人再写一个更加方便的目录生成器吗? HOT 1
- Append / Prepend HOT 1
- Conflicting Jquery while using master pages
- Triggering Location Changes to Internal Targets with Anchor Elements
- a.indexOf is not a function javascript error HOT 2
- Create event handler for "no links found"
- Is it possible to run without jQuery UI?
- mixed headings HOT 1
- tocify with w3-include-html
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 jquery.tocify.js.