Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49359

Ion-infinite-scroll in div doesn't work

$
0
0

@qdentabino wrote:

Hi.
My current template is like this.

some contents...
some contents...
some ion-items...

div#3 must be infinitely scrollable area.
div#1 and div#2 is not scrollable.

Though the ion-list hits the bottom, the infinite scroll event doesn’t fire.
Through debugging, I’ve found that the ion-infinite-scroll binds to ion-content not to div#3.
In IOS, When the whole page scroll hits the bottom, the infinite scroll event does fire!

here is the html source code extracted from the safari debugger .

some contents...
some contents...
.. .. .. ..

…[quote=“qdentabino, post:1, topic:117777, full:true”]
Hi.
My current template is like this.

“”
"<div #1>“
some contents…

"
"<div #2>“
some contents…
"
"<div #3 style=“height:calc( 100% - 294px );overflow-y:auto;”>"
"“
some ion-items…
”"
""
""
""
""
""
""`

div#3 must be infinitely scrollable area.
div#1 and div#2 is not scrollable.

Though the ion-list hits the bottom, the infinite scroll event doesn’t fire.
Through debugging, I’ve found that the ion-infinite-scroll binds to ion-content not to div#3.
In IOS, When the whole page scroll hits the bottom, the infinite scroll event does fire!

here is the html source code extracted from the safari debugger .

“”

some contents...
some contents...
.. .. .. ..

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49359

Latest Images

Trending Articles



Latest Images