3 Replies Latest reply on Mar 14, 2017 7:24 PM by naluz52240580

    Phonegap iOS Not Scrolling

    naluz52240580 Level 1

      Hi all,

       

      I am currently experiencing scrolling issues with Phonegap iOS. I have a div with a larger div on the inside that the user can scroll through. This works fine on Android, but scrolling doesn't happen at all on any iPhone simulator or device.


      Here is the css for the div:

       

      .dropdown-content {

        overflow-y:scroll !important;

        overflow-x:hidden;

        width: 40vh;

        height: 10vh;

        margin: 0 auto;

        text-align:center;

        -webkit-overflow-scrolling:touch !important;

       

       

        border-color: black;

        border-width: 2px;

        border-style: solid;

      }

      .test {

        height: 20vh;

      }

       

      and html:

      <div id="myDropdown" class="dropdown-content">

              <div class="test">test</div>

      </div>

       

      Any help is appreciated!

        • 1. Re: Phonegap iOS Not Scrolling
          kerrishotts Adobe Community Professional

          What frameworks, if any, are you using? List what plugins (and versions) you're using as well. Please share your config.xml (minus secret/identifying information).

           

          That said, based on what you've provided thus far, I don't see any reason why this shouldn't work. (Side note -- you shouldn't need to use !important -- that's usually a sign you need to rethink how you're applying styles.)

          • 2. Re: Phonegap iOS Not Scrolling
            patrickf86001286

            we have same issue, but we make vertical scrolling, scrolling works but we cant make the scrollbar visible in phonegap app, horizontal works the scrollbar..

            • 3. Re: Phonegap iOS Not Scrolling
              naluz52240580 Level 1

              I am using the cordova iOS platform along with Phonegap.

               

              List of plugins:

              cordova-admob-sdklibs 2.1.4 "Google Mobile Ads SDK for Cordova"

              cordova-custom-config 3.1.2 "cordova-custom-config"

              cordova-plugin-admob-simple 3.1.9 "Cordova-Phonegap AdMob Plugin"

              cordova-plugin-settings-hook 0.2.4 "Cordova Settings Hooks"

              cordova-plugin-splashscreen 4.0.1 "Splashscreen"

              cordova-plugin-tts 0.2.3 "TTS"

              cordova-plugin-whitelist 1.3.1 "Whitelist"

               

              Config.xml (in root folder)

              <?xml version='1.0' encoding='utf-8'?>

              <widget id="****************" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

                  <name>RoastBot</name>

                  <description>

                      A sample Apache Cordova application that responds to the deviceready event.

                  </description>

                  <author email="dev@cordova.apache.org" href="http://cordova.io">

                      Apache Cordova Team

                  </author>

                  <content src="index.html" />

                  <plugin name="cordova-plugin-whitelist" spec="1" />

                  <access origin="*" />

                  <allow-intent href="http://*/*" />

                  <allow-intent href="https://*/*" />

                  <allow-intent href="tel:*" />

                  <allow-intent href="sms:*" />

                  <allow-intent href="mailto:*" />

                  <allow-intent href="geo:*" />

                  <platform name="android">

                      <allow-intent href="market:*" />

                  </platform>

                  <platform name="ios">

                      <allow-intent href="itms:*" />

                      <allow-intent href="itms-apps:*" />

                      <config-file parent="NSCalendarsUsageDescription" platform="ios" target="*-Info.plist">

                          <string>Advertisement would like to create a calendar event.</string>

                      </config-file>

                  </platform>

                  <plugin name="cordova-plugin-settings-hook" spec="~0.2.4" />

              </widget>