Is it possible to have the on-scroll and scroll-event-interval attributes work with native scrolling? Trying it out now, and neither seem to have an effect, while with JS scrolling they do.
I can do something like element.bind(‘scroll’, scope.myFunction); and the scroll events will work (in both native and JS), but the scroll-event-interval will only work with JS scrolling, for native I need wrap my function in a debounce method. Not a deal-breaker at all, but it would be nice to be able to set the interval on the markup, instead of in the function.
@perry
If you set overflow-scroll=“true” on ion-content and you are using an infinite-scroll i get the following error in my javascript console:
TypeError: Cannot read property '__container' of undefined
at ionic.bundle.min.js:386
at ionic.bundle.min.js:170
at e (ionic.bundle.min.js:72)
at ionic.bundle.min.js:76
I will reply myself.
I could not use native scrolling with horizontal scroll. The reason is that .overflow-scroll by default has overflow-x: hidden.
So, if someone would like to use native horizontal scrolling then need to change .overflow-scroll definition to overflow-x: scroll.
The current problem that I am facing is that I cannot use native scrolling in ion-scroll. @perrygovier, is it possible at all?
@neilgoldman305, I’m hoping to keep things as efficient as possible and not bind to any scroll events unless necessary because they fire a lot. You might take a look at ionic.Utils.throttle/debounce to achieve the same results as scroll-event-interval.
If enough people ask for it, I’ll reconsider, but right now, I’m err’ing on the side of keeping things as efficient as possible.
Pull to refresh with native scrolling requires touch, not mouse, events. On desktop Chrome, you can enable touch simulation in the inspector by hitting entering the inspector -> hit escape -> emulation -> sensors -> emulate touch screen
I spent a good bit of time planning it out and building pieces. What I wound up with looked a lot like JS scrolling, so we decided that collection-repeat should force JS scrolling on that page. That’s currently in the nightly
I could use a ion-scroll in my control but native scroll do that auto. The problem increases when the control is not yours is third party and you need to overwrite the library adding ion scroll
Hi, I’ve tested 1.0 version and I’ve simple problem. Following documentation I’ve set scrolling.jsScrolling(false) but I haven’t been able to scroll anything.
Can you please put some more context on your code? I’m trying to copy your work around, and not sure how it should be.
Should I be injecting $location into my app’s config function? I get error when I do that because $location is not a provider so it can’t be injected into config.