1 Reply Latest reply: Mar 5, 2014 8:42 AM by nicholaslue RSS

    Vertical Scroll in symbol div on IOS

    nicholaslue
    nicholaslue Mar 5, 2014 7:44 AM

      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? 

        • 1. Re: Vertical Scroll in symbol div on IOS
          nicholaslue Community Member
          nicholaslue Mar 5, 2014 8:42 AM (in response to nicholaslue)

          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.