Results 1 to 2 of 2

Thread: Using native browser scrolling

  1. #1
    Sencha User
    Join Date
    Mar 2007
    Posts
    448
    Answers
    5

    Default Using native browser scrolling

    Is it possible to use the browser's native scrolling behavior, in certain areas of a ST app?

    For example, I have a div with "overflow-x: scroll", and overflowing contents. On a mobile device, you can scroll it, with or without Sencha Touch loaded.

    But as soon as you call Ext.setup, it does something to prevent this. Is there any way to restore the native scrolling to that div?

    (I don't think I can use Sencha's scrolling, because I want the div's contents to determine its height. See my other question about that.)

    I'm using Android 4.4 with Chrome, and ST 2.3.1. Sample page:

    Code:
    <head>
      [ Sencha Touch JS/CSS ]
      <script type="text/javascript">
        Ext.setup({});
      </head>
    <body>
    
    <pre class="foo" style="overflow-x: scroll">
      this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test
      this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test
      this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test
      this is a test this is a test this is a test this is a test this is a test this is a test this is a test this is a test
    </pre>

  2. #2
    Sencha User jay@moduscreate.com's Avatar
    Join Date
    Mar 2007
    Location
    DC Area =)
    Posts
    16,364
    Answers
    102

    Default

    No you cannot. Mixing Single-page applications like Sencha Touch, where the toolbars are stationary and control of the layout via JavaScript (javascript-influenced CSS3 that is) exists and native scrolling just won't happen. IIRC, someone talked about this being a problem with the Ionic framework & angular JS at PhoneGap day in SF a few weeks ago.

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •