Comments (6)
Are you sure you want to take this approach? It seems like you’re going to run into a lot of problems on mobile devices with overflow.
Regardless, I don’t think this is a use case we’re likely to want to support in the core library—sorry! If you’d like to discuss further please feel free to do so, but I’m going to close this ticket for now. Thanks!
from fixed-sticky.
Hi Zach, thanks for the answer. I am now curious regarding the problems with overflow you are mentioning, do you have any link to show?
It's a pity though because the native implementation of position: sticky; allows this use case and that's why I came here in the first place thiking that your polyfill had a bug :)
from fixed-sticky.
Hmm, maybe I’m misunderstanding your use case? Can you whip up a quick demo on jsbin or something so I can see what you’re referencing?
from fixed-sticky.
Sure: http://jsfiddle.net/g4sRY/13/
Nav and content are fixed. I need to scroll the content, not the body.
Try it in Safari, you'll see it works!
from fixed-sticky.
Ah, so I did a bit more research on this for #16 and I don’t think we’ll be polyfilling this case.
As a workaround, use position: fixed for your NAVIGATION header and use the normal page scrolling for your address book (remove the overflow). I think this will save you some headache later on anyway.
Good luck!
from fixed-sticky.
Do you know if any polyfills/fork of this polyfill implement this?
from fixed-sticky.
Related Issues (20)
- Does not work correctly anymore in Chrome 52 HOT 4
- not working at all?
- Any progress on the vanilla JS version? HOT 1
- Chrome bug HOT 4
- need a way to force position recalculation
- display: flex on parent element causes flicker HOT 3
- Not updating position on DOM changes HOT 2
- not working in react component HOT 1
- Polyfill Chrome update bug
- Remove bower
- .fixedsticky-on element activates way above parent element HOT 1
- Not working with jquery.mobile on mobile device HOT 1
- Browserify support? HOT 1
- Scroll performance suffers a bit HOT 1
- No banner in fixedsticky.js
- Tests fail in browsers that support position: sticky
- Polyfill doesn’t get well along when used with floats
- no jquery dependency? HOT 2
- code is a mess - depends on jquery - does not update properly on resize HOT 7
- Use requestAnimationFrame 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 fixed-sticky.