Comments (3)
Would the viewportTolerance
option work for that?
from ember-in-viewport.
@oligriffiths You can use the viewportTolerance.bottom
option for you use case.
For example, if u wanna do it in your components, you can use the following snippet,
didInsertElement() {
this._super(...arguments);
Ember.run.scheduleOnce('afterRender', this, () => {
Ember.set(this, 'viewportTolerance.bottom', this.$().height());
});
},
I am using the above snippet in my ember app to lazy compute and render components rendering charts. works just fine.
Good luck!
from ember-in-viewport.
Intersection Observer is on master! So threshold
is the relevant field in the IntersectionObserver API. intersectionThreshold
is one of the properties you can set on the mixin - 0 through 1. 1 meaning every pixel of the target must be visible.
Lmk if there is still some requirements missing.
from ember-in-viewport.
Related Issues (20)
- Changelog HOT 1
- Failing to load more if items dont fill the screen HOT 1
- Pass more data back to callbacks
- Running Very Slowly HOT 9
- onExit doesn't get fired on IE HOT 3
- TypeError: Cannot read property 'viewportConfig' of undefined HOT 4
- Test failure in Ember 3.20
- Use {{in-viewport}} modifier multiple times on a page only trigger the last one's callback HOT 2
- Lazy load rAf implementation HOT 3
- onEvent(callback) API doesn't work HOT 1
- viewportSpy: false triggering onEnter everytime HOT 5
- Add enter/exit logging if enabled
- Bug in Ember 3.20 HOT 5
- onExit doesn't fire unless viewportSpy is enabled
- How to access didScroll using service method? HOT 1
- Safari/IOS Flicker Bug
- Update to ember-auto-import@2 HOT 2
- assign is deprecated
- Convert to v2 addon HOT 1
- Support % based rootMargin
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 ember-in-viewport.