Prevent elastic scrolling

[Manohar]

Hi,
I am evaluating Kendo UI framework to build cross device app!

I've put together a few Views and it looks good so far.
As I am trying it out on iPad, I noticed that the elastic scrolling behavior gives the app non-native like behavior!

If the web app is flicked past the bottom or top of the page, the page would elastically get tugged away from
the header or footer bar (essentially bottom/top of the screen).

How do I prevent the elastic scrolling in views so that the app behaves like native app (without elastic scrolling)?

I've tried setting the view scroller elatic property false on the view's data-init function and that didn't help.
Here is the two lines I've put in data-init function:
            var scroller = e.view.scroller;
            scroller.setOptions({ elastic: false });

(Found a few suggestions on the internet like blocking touch move on body, setting overflow to hidden on body
and none of them helped!).

Please let me know how to prevent elastic scrolling.
Thanks.

B.Manohar

[Manohar]

Hi,
I've got an additional question related to this topic.

When I define a kendoDraggable element in a page elastic scrolling is active,
the drag start/end events do not get fired as the draggable element gets the elastic scroll and the element moves, but not really the drag happens.

Appreciate suggestions on how this can be solved.
Thanks.

B.Manohar

[Peter From LA]

Hi, I am adding my voice behind Manohar's request.

I am trying to insert a Google map, but the elastic scrolling kills the moving of the map.

I noticed that the header and the footer are pretty solid on iPod, so I hope there is a way to implement what it is asked for in this tread.

[Peter From LA]

sorry... double post...  :(

[Petyo]

Hi,

Take a look at the stretch option of the mobile view - it is designed for cases like the one you describe. 

Kind regards,
Petyo
the Telerik team

[Anton]

I used the stretch option but it disabled both horizontal and vertical scrolling. Is there a way to disable just one?
I need the page to have a fixed/unscroll-able width but still scroll-able vertically.

[Alexander Valchev]

Hello Anton,

The horizontal scroller will not appear if the content does not expand out of the View's bounds (example). Please check the layout and content of your application.

Regards,
Alexander Valchev
the Telerik team

[Norman]

Here is an example of our issue.  http://youtu.be/kCLumR-y9D4

The Stretch documentation is not providing clarity on how it is typed in the code. It only mentions what it is for. Can you provide an example code on how to make the stretch = true?

[Petyo]

Hi Norman,

The issue you describe is not related to the topic of this thread. Please consider opening separate threads for your inquiries. 

Kind regards,
Petyo
the Telerik team

[Schott]

Petyo,

Can you tell me what thread Norman moved his comments to because I'm having the same problem he was having but assumed that this thread was what my problem was related to.

[Petyo]

Hi Schott,

As far as I can see, the issue was handled in a support ticket, not a forum thread. You can open a support ticket with your case, too. We will take a look. 

Regards,
Petyo
Telerik