framework7 icon indicating copy to clipboard operation
framework7 copied to clipboard

How to add infinite scroll event in framework7

Open gaohomway opened this issue 2 years ago • 3 comments

I'm using the Reactjs version, and instead of using infinity on the Page, I'm using it on the div, and don't know how to add the scroll event.

I know it's a useful hyperlink, but I won't use it.


<div className="height-100 overflowY-scroll infinite-scroll-content">

...
</div>

this way doesn't work


f7.$('.infinite-scroll-content').on('infinite', () => {
        console.log('---------')
})

gaohomway avatar Feb 10 '23 14:02 gaohomway

Can you create a codesandbox ? Just a note: $('.infinite-scroll-content').on('infinite', instead of f7.$('.infinite-scroll-content').on('infinite',

Simone4e avatar Feb 13 '23 07:02 Simone4e

@Simone4e I haven't figured out the usage of $ for the time being, I used the PageContent tag to solve this problem

gaohomway avatar Feb 13 '23 07:02 gaohomway

@Simone4e I haven't figured out the usage of $ for the time being, I used the tag to solve this problem

I hadn't seen, it actually looks different from regular JS. It usually is this

Simone4e avatar Feb 13 '23 07:02 Simone4e