feat(refresher): use refresher in custom scroll content

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

ion-refresher should be attachable to custom scroll content, so it can be triggered independend of ion-content

Describe the Use Case

I have an application with segments. Depending on which segment is selected, a corresponding scrollable element should be displayed in ion-content, so that the scroll positions of scroll areas are maintained when the segment is changed.

Currently when ion-refresher is next child of ion-content, the custom scroll-area get sometimes stuck if you scroll too fast. Also sometimes the ion-refresher circle freezes and get stuck on screen.

This behavior can only be reproduces on native build (testet on ios)

Describe Preferred Solution

ion-refresher is attachable to custom scroll content

Describe Alternatives

No response

Related Code

https://stackblitz.com/edit/angular-3cg7gs

Additional Information

No response

[DwieDima]

With your code sample you’ll lose the scroll position of cats and dogs (they have now the same scroll position). My intention was to preserve the scroll position for each.

• scroll dogs to Dog 15
• scoll cat to Cat 6
• change segment back to dog (is still 15)
• change segment back to car (is still 6)

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.