Scroll Bounce and Pull to refresh about framework7 HOT 19 CLOSED

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

from framework7.

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 [email protected] 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.

from framework7.

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:)

from framework7.

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

from framework7.

holy crap, wow! that was fast!

On Mar 27, 2014, at 8:13 PM, Vladimir Kharlampidi [email protected] 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.

from framework7.

can't wait for it, great job! 👍

from framework7.

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

from framework7.

Wow! That is VERY slick! Great job!

from framework7.

its perfect!

On Mar 28, 2014, at 6:19 AM, ptb [email protected] wrote:

Wow! That is VERY slick! Great job!

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

from framework7.

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

from framework7.

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.

from framework7.

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

from framework7.

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

from framework7.

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

from framework7.

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

from framework7.

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

from framework7.

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

from framework7.

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.

from framework7.

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;
}

from framework7.