Scroll Bounce and Pull to refresh

[zacksiri]

Hey

First of all I have to say this is simply amazing. its basically the best HTML5 framework for building iOS apps. simply brilliant.

I was wondering if it was possible to do scroll bounce and pull to refresh like the native apps have?

[nolimits4web]

Hey
Thanks, i know that it is highly required feature, but because F7 uses native scrolling it is not so simple to make it. But hopefully i'll release such feature on a week

[zacksiri]

i understand, i think native scrolling is important though more than JS scrolling. i wouldn't use JS scrolling just so i can have scroll bounce and pull to load. maybe it should be a module so we can choose JS scroll on certain views and native on certain views? what do you think?

On Mar 26, 2014, at 6:57 PM, Vladimir Kharlampidi notifications@github.com wrote:

Hey
Thanks, i know that it is highly required feature, but because F7 uses native scrolling it is not so simple to make it. But hopefully i'll release such feature on a week

—
Reply to this email directly or view it on GitHub.

[nolimits4web]

Any JS scroll will be not so cool as native one, and could produce a lot of problems. I want to realize it with native scrolling:)

[nolimits4web]

Ok, it is done, need to cleanup code a bit and hopefully will release it today

[zacksiri]

holy crap, wow! that was fast!

On Mar 27, 2014, at 8:13 PM, Vladimir Kharlampidi notifications@github.com wrote:

Ok, it is done, need to cleanup code a bit and hopefully will release it today

—
Reply to this email directly or view it on GitHub.

[zirkler]

can't wait for it, great job! 👍

[nolimits4web]

Ok guys, it is there!:) Here is an updated live demo http://idangero.us/framework7/kitchen-sink/ , look for appropriate link. And don't forget to clean cache

[ptb]

Wow! That is VERY slick! Great job!

[zacksiri]

its perfect!

On Mar 28, 2014, at 6:19 AM, ptb notifications@github.com wrote:

Wow! That is VERY slick! Great job!

—
Reply to this email directly or view it on GitHub.

[nolimits4web]

Thanks guys, but i still see some issues. If page is long (with scrolling) that sometimes when we release it to refresh, page is blinking/flashing, do you see this? On iPhone it is rare but as see on iPad 2 it is really annoing

[zirkler]

Yep i can confirm this. I took a video of my screen and watched it in slow motion to understand the animation, it looks like after pulling, the whole list snaps back to the top, then it immediately snaps a little bit back down to display the loading circle.

[nolimits4web]

Ok, it is fixed now. Seems like iOS bug, when we try to change opacity (like on arrow and preloader) during scrolling it does some kind of repaint that produce this blinking. Changing opacity to visibility seems to fix it

[jeka5555]

Hi! This feature is available at the moment?I did not find an example of it. How to enable it?

[nolimits4web]

@jeka5555 http://www.idangero.us/framework7/docs/pull-to-refresh.html

[jeka5555]

Hi! I mean Scroll Bounce. To scroll in android works on both iphone. Thanks!

[nolimits4web]

@jeka5555 F7 uses native scrolling, Android just doesn't have it

[jeka5555]

Can not be made to work more smoothly it? It is too sharp, and when you scroll a little twitch pictures

[justradojko]

Is there a option just for scrolling with bounce (without refresh action) like iOS has on all pages? Maybe I just cannot find it?

I using iScroll plug-in, but it would be grate if I could ditch that.

[scriptPilot]

This works well with current Framework7 version to eliminate the bounce effect:

• 1. Download https://github.com/lazd/iNoBounce/blob/master/inobounce.min.js
• 2. Include script <script type="text/javascript" src="js/inobounce.min.js"></script>
• 3. Add css to .views container

.views {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}