Framework7: How to turn off the bounces effect?

[binggg]

First,I want to thank for the author of f7 framework.
I want to know how to turn off the bounces effect. We use the webpage made by f7 in the ios app webview. Our programmer can't use the native pull to refresh.
I hope you can help me,thanks.

[nolimits4web]

Look at this solution http://www.idangero.us/framework7/forum/#!/bugs-and-issues:scrolling-is-not-fixed

[binggg]

Thank you. I tried the solution but did not work.
I just want to turn off the bounces effect of f7 ,which is diffierent to ios default effect. Because our programmer want to pull the web page to refresh it. But she can't trigger the touchmove event(perhaps it is the name) of ios.
I notice in IOS in the kitchen-sick case page only has one page does not have the effect of bounces of f7.
It's Navbars And Toolbars page

I don't know why, and how can I do.

[nolimits4web]

Still not sure what you mean, but F7 doesn't use some special bounce effect, all you see is the default iOS behavior and not sure is it possible to disable it

[nolimits4web]

Closing as no further response. Reopen issue if you still have this problem

[ghost]

This helps!

// Prevent bouncing
$$('body').touchmove(function(e) {
    e.preventDefault();
});

[JamalANasier]

@ghost +1 thanks

[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
  
  
• 
  
  1. Include script <script type="text/javascript" src="js/inobounce.min.js"></script>
  
  
• 
  
  1. Add css to .views container
  
  

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

[dgr8akki]

You can try:

html {
    overflow: hidden;
}