Prevent elastic scrolling

11 posts, 0 answers
  1. Manohar
    Manohar avatar
    18 posts
    Member since:
    Sep 2010

    Posted 01 Oct 2012 Link to this post

    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
  2. Manohar
    Manohar avatar
    18 posts
    Member since:
    Sep 2010

    Posted 02 Oct 2012 Link to this post

    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
  3. Kendo UI is VS 2017 Ready
  4. Peter From LA
    Peter From LA avatar
    35 posts
    Member since:
    May 2005

    Posted 04 Oct 2012 Link to this post

    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.
  5. Peter From LA
    Peter From LA avatar
    35 posts
    Member since:
    May 2005

    Posted 04 Oct 2012 Link to this post

    sorry... double post...  :(
  6. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 08 Oct 2012 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Anton
    Anton avatar
    3 posts
    Member since:
    Dec 2012

    Posted 04 Jan 2013 Link to this post

    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.
  8. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2877 posts

    Posted 09 Jan 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Norman
    Norman avatar
    18 posts
    Member since:
    Feb 2013

    Posted 03 Apr 2013 Link to this post

    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?
  10. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 04 Apr 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  11. Schott
    Schott avatar
    1 posts
    Member since:
    Jul 2013

    Posted 13 Aug 2013 Link to this post

    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.
  12. Petyo
    Admin
    Petyo avatar
    2439 posts

    Posted 14 Aug 2013 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top
Kendo UI is VS 2017 Ready