Vertical Scroll in symbol div on IOS

I'm working on a custom interactive that will be played on an ipad.  The stage is the full screen of the ipad.  In a seperate symbol on the stage I have placed a window containing content that needs to be scrolled.  The scroll works on the ipad, but stops as soon as my finger leaves the screen.  It doesn't behave like normal scrolling in IOS. 
Does anyone know what I can do? 

Sorry to answer my own question but I searched everywhere and found this. 
Go to the yourFileName.js file that's in the same directory as your main .an file.  Search for the the div you are looking to scroll, and search for it. 
I find a bit of code that looks like this:
"${_yourDIVname}": [
                ["style", "left", '50px'],
                ["style", "overflow", 'scroll']
Add this line: 
  ["style", "-webkit-overflow-scrolling", 'touch']
Don't forget the commas.  The result should look similar to this:
"${_yourDIVname}": [
                ["style", "left", '50px'],
                ["style", "overflow", 'scroll'],
                ["style", "-webkit-overflow-scrolling", 'touch']
It scrolls for me now as is suspected.  

Similar Messages

  • How can I create a vertical scroll for text in a 'div' in CSS Dreamweaver?

    Hi there,
    I need to flow a lot of text into a CSS div. However, I don't want a big long page as it will look ugly and be inconsistent with the other pages in the site.
    I need to be able to put in a vertical scroll directly in the div containing the text (not on the whole page) so the user can scroll the text down without moving down the whole page.
    Is there a way for me to do this?
    I'm a beginner to CSS so a step by step for dummies approach would be most helpful.
    Thanks in advance for any help!

    use the overflow:scroll property:
    http://www.w3schools.com/Css/pr_pos_overflow.asp

  • Focus vertical scroll bar in report div

    Hi everyone,
    I just want to know if the issue has been resolved by someone :
    I have a report within a div and a vertical scrolling bar to scroll the rows. When I click on a row of the report the row is highlighted. Now, if the clicked row is at the end of the report, the scrolling bar goes up, and the user has to scroll down to see the selected row. So how to focus this scrolling bar once the user clicks on the row ?
    I guess I have to compute the id of the selected row times the row height and send this value to the css parameter of the scroll bar (but AFAIK there's no such parameter in css for positioning a scroll bar) ... Someone has came up with a solution ?
    Best regards,
    Othman.

    Thanks a lot Andy,
    I didnt' know about the scrollTop attribute. So for those how are interested : Each time I click on a row, I store the scrollTop position in a Hidden field. On each body onload, I call a javascript function to position the scroll bar of the div like this :
    getElementById.("mydiv").scollTop = html_GetElement('P1_SCROLL_ID').value;
    Regards,
    Othman

  • Is there a way to vertically scroll records in an interactive report

    Hi, I have an interactive report which returns over 100,000 records. Currently, to move through these records one must press the pagination icon (x - y of z records).
    Is there a way to have a vertical scroll bar?
    this used to be accomplished in SQL reports with <div style="overflow: auto; height: 500px;width: 1000px;"> set in the header and pagination turned off.
    thanks, Karen
    Edited by: KarenH on Apr 14, 2011 1:23 PM

    just to clarify, I am able to add the region header of *' div style=overflow: auto; height: 400px;* to a regular SQL report to have it scroll...but just unable to do so for an interactive reportl. thanks again.
    Edited by: KarenH on Apr 25, 2011 1:42 PM
    Edited by: KarenH on Apr 25, 2011 1:43 PM

  • How to fix double vertical scroll bar in responsive output

    After implementing the solution provided for the question 'Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?', the function bar in output does not appear and also another vertical scroll bar in the output. I edited the max-width value in the layoutfix.min.css file and fixed the function bar issue. How can I do away with the additional vertical scroll bar?

    I've looked into the issue.
    @Delennish: In your case, the size of the iframe is too large, or you have an extra empty element below the iframe. You can try 2 things:
    1. Best solution but may have side effects: In the main.css, add the following code:
    div.contentholder { overflow: hidden !important;}
    For this option, please check for undesired side effects.
    2. Works, but is ugly: In the main.css, add the following code:
    div.floatholder iframe.wTopic { height: 95% !important;}
    Try playing with the height setting until the 2nd scrollbar disappears.
    @CarolW: The layout you're using is very old. I've made a new responsive layout with TOC only. Please use that one instead: http://www.wvanweelden.eu/sites/default/files/attachments/Theme1_Standard_TOC_Only.zip (I'll update my site with this new version later.)

  • Force vertical scroll bar

    Hi all,
    I would like to force a vertical scroll bar on all of my pages to keep the page from appearing to shift on some pages (pages long enough for scoll bars vs pages not long enough to need scroll bar). On my site I notice it in IE8 and FF3.
    I know this has been discussed before but I am not able to find it.
    Here is my code currently in my style.css concerning HTML and body elements
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    html {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  76%;
    height: 100%;
    body {
    color: #000;
    margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
    padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
    text-align: center; /* Centers the page content container in IE 5 browsers. */
    background: #2D4262;
      How would  I accomplish this?
    Thanks
    Chris

    Thanks for responding,
    I tried both ways..I do not know CSS very well so I probably did it incorrectly.. Heres what happens when I tried both ways.
    My background goes away if I add Michaels suggestion:
    To see if I did it correctly here is what I had
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    html {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  76%;
    margin-bottom:.01px;
    min-height:100.2%;
    And if I tried to add Murrays suggestion, nothing happened
    To see if I did it correctly, here is what I had
    html, :root { overflow-y:scroll; }
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;}
    html {
    font-family: Arial, Helvetica, sans-serif;
    font-size:  76%;
    height: 100%;
    Again, I am probably not doing it correctly....
    Thanks
    Chris

  • Vertical Scroller in ADF table

    hi,
    Can anyone tell me how to add vertical scroller/scrollbar for ADF table?
    Thanks,
    Senthil

    Thanks for your replies.
    (i) i tried setting scrollbar for IFrame, the scrollbar didn't appear. and in addition to that, the af:table doesn't come inside the frame. the frame comes separately below the actual table
    my jsp code :
    <afh:body >
    <h:form>
    <f:verbatim>
    <iframe scrolling="yes">
    <af:table>
    </af:table>
    </iframe>
    </f:verbatim>
    </h:form>
    </afh:body>
    (ii) With div tag, is it possible to get the vertical scroller alone. i am trying to get rid of the horizontal scrollbar. am exploring the options.

  • Why do I have 2 Vertical Scroll Bars and 1 Horizontal one

    Can anyone tell me from the code below where I am going
    wrong. I have an AP Div inside an AP Div that has text content and
    the overflow is at Auto which gives me a horizontal scroll bar but
    also 2 vertical scroll bars instead of one in Firefox. What is the
    reason for this? I hope someone can help me - here's the code:
    <div id="apDiv6"><img src="frame.jpg" alt="Frame"
    width="518" height="335" /></div>
    <div id="apDiv23">
    <p align="left">
    <strong>Hors d'Oeuvres<br/><br/>
    </strong><strong>Soupe...........</strong><br/><br/>Soupe
    a l'oignon
    gratinée............................................
    $6.75<br />
    </strong>Onion soup<br /><br/>
    <strong>Soupe du Jour ..........................
    $5.25<br/>
    </strong>Soup of the day<br/><br/>
    <strong>Les entrées
    froides...........<br/><br/>
    </strong><strong>Huîtres du
    Jour.....................La Pièce $1.85<br/><br/>
    </strong>
    Oysters (served with Champagne shallot
    vinegar)<br/><br/>
    Salade et fromage, vinaigrette à la moutarde de
    Dijon........ $6.00<br/>
    Mixed salad with feta cheese, Dijon mustard
    vinaigrette<br/><br/>
    Salad frisée aux lardons et oeuf poché..........
    $7.95<br/>
    Frisée salad with bacon and poached egg, sherry
    vinaigrette<br/><br/>
    Salade de crabes, concombre et betterave, sauce
    aïoli......$8.50<br/>
    Crab salad with golden beet and cumcumber, aioli
    sauce<br/><br/>
    Foie gras cuit au torchon et
    toast........$14.50<br/><br/>
    Les entrées chaudes......<br/><br/>
    Moules Marinières................$9.00<br/>
    Steamed Mussels Marinieres, White Wine and garlic (Side
    French fries $2.50)<br/><br/>
    Poêle de ris de veau et épinards, jus au
    romarin..........$9.50<br/>
    Sautéed sweetbread with spinach, rosemary
    jus<br/><br/>
    Escargots de Bourgogne au beurre d'ail et
    persil..............$7.50<br/>
    Escargots from Burgundy in garlic parsley butter (plate
    6)<br/><br/>
    Les Plats<br/><br/>
    Légumes........<br/><br/>
    L'assiette végétarienne du Chef...............
    $14.90<br/>
    Chef Vegetarian<br/>
    Red beet raviolis wih parmesan cheese and seasonal
    vegetables, mushroom jus<br/><br/>
    Poisson<br/><br/>
    Pave de saumon, purée de pommes de terre et
    épinards, sauce homard et vin blanc...... $16.50<br/>
    Steamed salmon with mashed potatoes, spinach and mussels,
    white wine with lobster sauce<br/><br/>
    Filet de bar meunière, poireaux caramélisés,
    sauce grenobloise.....$16.75<br/>
    Sauteed bass served with caramelized leeks, Grenobloise
    sauce<br/><br/>
    Tronçon d'espadon legumes de saison couscous, safran
    orange sauce.... $17.95<br/>
    Sauteed swordfish with couscous and spring vegetables, orange
    and saffron sauce<br/><br/>
    Viandes et volailles......<br/><br/>
    Boeuf Bourguignon et purée de pommes de
    terre..........$16.25<br/>
    Beef Bourguignon sered with mashed
    potatoes<br/><br/>
    Suprême de poulet, ragoût de macaronis poireaux et
    chanpignons, sauce orange... $15.50<br/>
    Roasted chicken breast, leek mushrooms macaroni ragout orange
    sauce<br/>
    Lapin façon Normande............$17.25<br/>
    Rabbit Normandy served with Peruvian mashed
    potatoes<br/><br/>
    Le Cassoulet toulousain Maison...........$21.00<br/>
    Home Made Cassoulet with beans (Duck leg Confit, port,
    Toulouse sausage)<br/><br/>
    Jarret d'agneau braise 6 heures, blettes jus d'agneau et
    romarin.....$23<br/>
    Lamb shank braised for six hours served with swiss chard,
    rosemary lamb jus<br/><br/>
    New York steak, french fries, shallot red wine
    butter<br/><br/>
    </p>
    </div>
    Thank you for helping!

    Hi,
    This is a problem with firefox. It will always show
    scrollbars if the div's css property of overflow is set to anything
    except none.
    Gaurav
    www.gauravchandra.com

  • Possible to have vertical scroll bar for a cell in ALV Grid (using methods)

    Hi All,
    I have a field with length 100 characters on a ALV Grid (using methods)..User doesn't want to scroll all the 100 characters horizontally to see the whole text rather he wants to have a vertical scroll bar for the cell so that he can scroll vertically.
    Is it possible to have split the cell text into lines and have a vertical scroll bar for a cell in ALV Grid?
    Regards
    Jaker.

    Thanks for the suggestion Balu.I tried this , but while scrolling,headers also getting scrolled.
    Becoz of this , if i scroll down to the last row,headers are getting hidden.
    Headers should always be static.only the data should scroll.
    Since h:datatable is being rendered as one table , i can div tag for this table alone.
    If i have seperate datatable for headers alone i can do this .But i should not use two datatables.

  • How to vertically scroll pdf in a webpage ios7

    how to vertically scroll pdf in a webpage ios7

    artifrommumbai wrote:
    scrollbars dont appear, they appear on other IE browsers.
    There is no such thing as IE for iOS.
    There are alternate browsers for iOS - I use iCab Mobile and Chrome on occasion - check the app store. Most are free or very inexpensive.

  • Flex Tree Vertical Scroll Bar Issue

    When i click on the + image of flex tree than first time the vertical scroll bar is not coming but when when i minimize it and again click on + than it appears can any one tell me what is the issue??

    Hi Rob,
    I have tried changing styles of those div's in  which I have my dropdown's are there but it didnt work.
    Below is the code for reference:
    <div class="k-animation-container km-popup" style="width: 250px; height: 206px; margin- padding- padding-right: 10px; padding-bottom: 15px; display: none; "><div class="k-list-container k-popup k-group
    k-reset" id="MaintenanceType-list" data-role="popup" style="height: 200px; display: none; font-family: 'Segoe UI', Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 244px; -webkit-transform: translateY(-206px);"><ul
    unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="MaintenanceType_listbox" aria-live="off" style=""><li tabindex="-1" role="option" unselectable="on" class="k-item"></li><li tabindex="-1" role="option"
    unselectable="on" class="k-item">AUX - Accessories belonging to EA group</li><li tabindex="-1" role="option" unselectable="on" class="k-item">ARL - Artificial Lift</li>
    Regards,
    Jyothi

  • Left Vertical scroll bar

    Hi Everyone,
    Can any one help me, how to add a left vertical scroll bar to left hand side of the page region. i know how to add vertical scroll bar for the report region to right hand side, but i would like to know how can i add vertical scroll bar to page region and that too left hand side of the page region.
    Thanks
    Gowthami

    Maybe try to implement your own scrollbar.
    Or simply use CSS property direction.
    You may need to use an other container to reset the direction, else your text will be written from right to left :
    <div id="container1">
       <div id="container2">
          your content
       </div>
    </div>
    #container1 {
       direction:rtl;
       overflow-y:auto;
    #container2 {
       direction:ltr;
       text-align:left;
    }But I think it is not cross browser, you have to check!

  • Reportviewer Control vertical scroll bars

    Hi,
     I am using report viewer control to display reportins in a web application. For some reason I am not able to get the vertical scroll bars to show up. As a result the lower portion of the report is getting hidden. This was working in VS 2005 but it breaks in VS 2008. I tried some combinations of Size to Report Content, Asynch Rendering etc., but have not found any combination that works. Can anybody please help?
    Thank you

    I can't repro this. If the report doesn't fit the control height, ReportViewer shows vertical scrollbars. In my case, ReportViewer is configured as follows:
    Code Snippet
    <div style="padding-top:10px">
    <rsweb:ReportViewer ID="reportViewer" runat="server" Visible="True"
    Width="100%" Height="100%"
    ondrillthrough="reportViewer_Drillthrough" BorderStyle="Inset"
    BorderColor="Silver" BorderWidth="1pt"
    ExportContentDisposition="AlwaysInline" AsyncRendering="True">
    </rsweb:ReportViewer>
    </div>

  • Vertical Scroller Magic

    Was wondering if anyone has used the Vertical Scroller Magic
    from Project7.
    I'm having a hard time making the scrolling area taller then
    what is currently set. I've tried changing the height in a few
    places and setting the height in the outer most div, but still no
    luck. Any suggestions on how i can make it taller?
    Thanks
    KG

    The height is simply set in the Vertical Scroller Magic
    interface and can be
    changed at any time. From page 16 of the user guide (also
    accessible by
    clicking the Help button in the user interface)
    "SCROLLER BOX HEIGHT OPTION
    This determines the height of the scroller view port in
    pixels. You must
    enter a number greater than zero. If you are using a style
    theme that
    includes a complete set of scroll bar controls such as Chili,
    Goldleaf,
    Carbon, or Aero, be sure that you set the Scroller Box Height
    to be higher
    than the total height of the Up, Down, Play/Pause, and drag
    bar control
    buttons.
    Note: While the height of the view port is set in the
    interface, the width
    of the scroller will always be the width of the page element
    into which you
    insert it. Be sure that this page element has sufficient
    width to display
    the scroller."
    Note that we provide free support via email, newsgroup, and
    telephone as
    outlined in your User Guide, as well as on our main support
    page:
    http://www.projectseven.com/support/index.htm
    Al Sparber - PVII
    http://www.projectseven.com
    Extending Dreamweaver - Nav Systems | Galleries | Widgets
    Authors: "42nd Street: Mastering the Art of CSS Design"
    "KG800" <[email protected]> wrote in message
    news:fmg53t$rsn$[email protected]..
    > Was wondering if anyone has used the Vertical Scroller
    Magic from
    > Project7.
    > I'm having a hard time making the scrolling area taller
    then what is
    > currently
    > set. I've tried changing the height in a few places and
    setting the height
    > in
    > the outer most div, but still no luck. Any suggestions
    on how i can make
    > it
    > taller?
    >
    > Thanks
    > KG
    >

  • Is there vertical scrolling epub books in iBooks for Mac?

    I guess I'm a little spoiled with iBook for the iPad being able to scroll vertically instead of page turn
    because I just can't seem to find it in iBooks for the Mac. Perhaps it's right in front of me and I'm not
    seeing it... or perhaps it's just not implemented on the Mac version and if so why not? Many thanks!

    (bump)
    A PDF cannot be vertically scrolled (iOS)
    An EPUB cannot be vertically scrolled (OSX)
    Starting to see a pattern here...

Maybe you are looking for