Comments (6)
Ah, I had forgotten to add an offset
option to the instantiation. Fixed. Thank you!
from gumshoe.
Thank you, but sorry, it's still doesn't work. I tried to update on codepen to @5.1, but it doesn't help. Also downloaded Github repo and opened it on local to be sure latest package and demo code for fixed headers I got. and it also didn't help.
from gumshoe.
The linked demo above is working exactly as I'd expect it to in Chrome, Firefox, and Safari. See the screen capture below.
What browser/OS are you using?
from gumshoe.
Oh, you're right, I forgot that there is no SS here! Everything is A OK! Thanks ;) Anyway that would be cool to see combined demo of those two. Since this reflow option of gumshoe should be mirrored by SS.
from gumshoe.
@cferdinandi When simply scrolling, the offset works. But in that demo (https://codepen.io/cferdinandi/pen/eXpLqo), when you actually click one of the nav items, the content block doesn't take the offset into account and the top of the content block is hidden beneath the header. Possible to fix that?
from gumshoe.
@jtholloran Hi there... that would require using a smooth scrolling library (like this one) that accounts for the offset instead of the native CSS approach I used.
from gumshoe.
Related Issues (20)
- remove required <li> HOT 1
- Cannot read property 'content' of undefined HOT 5
- active class not being applied on link – v4 HOT 4
- First element looses 'active' class on overshoot HOT 1
- TypeError: e is undefined gumshoe.min.js:2:1240 HOT 11
- (gumshoe) How to delay (debounce) spy adding active class to LI BUT ONLY after click event ? HOT 2
- Support for body overflow hidden and independently scrolling grid columns? HOT 1
- isAtBottom isn't always correct on High DPI screens HOT 2
- Fixed Header Offset not working HOT 1
- [Click Interaction] Click interaction improvement for navigation items at bottom, whose content height is not enough to reach the offset.
- [Feature request] Option to disable isAtBottom
- Issue with applying directly to link element and nested menu
- Custom events not working HOT 2
- Add support for Typescript HOT 1
- Overflow problem?
- webpack cannot find gumshoe dependency (v4.0.1) HOT 7
- Standardize documentation
- Headers instead of section divs HOT 4
- Add support for another markup HOT 3
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 gumshoe.