Ionic native scrolling does not continue to show the whole screen view iOS

ionic-v1
#1

Having I am having a problem with Ionic native scrolling it does not continue to show the whole screen view

here my simple and static page view…

                          <!--Emporia about.html-->
    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <ion-view name="about-view" overflow-scroll="true">
      <ion-nav-buttons side="left">
        <button style="color:white" class="button icon button-clear ion-ios-arrow-thin-left" ng-click="toggleLeft()"> ABOUT</button>
      </ion-nav-buttons>

          <ion-content padding="false" class="about" id="home.html">
              <div class="list">
                  <li class="item" style="background-color:#2574a9"><center><img src=" img/aboutlogo.png"  height="225" width="225" style="background-color:#2574a9"></center>
                </a>
              </div>
              <p><center>
                  <center><h5 style="color:#4d4d4d"></br>
                    <b>EMPORIA</b> is the Philippines latest digital platform
                      </br>that feature a variety of online brands,
                      </br>offering convinience and security
                      </br>cyberspace shopping.
                  </br></br>
                </br>Browse through Emporia’s wide selections and
                </br>discover that fashion is not just about wearing
                </br>signature brands. It’s all about finding yourself,
                </br>wearing it wherever you go, and leaving
                </br>that lasting impression.</br></br>
              </center>
                </h5>
              </center></p>

                  <div class="item" style="color:#4d4d4d">
                    <a>
                      <font face="emporia3" style="color:#4d4d4d" size="2">&nbsp;&nbsp;c&nbsp;&nbsp;</font>
                      (02) - 434 - 8681</br></br>
                    </a>
                    <a>
                      <font face="emporia3" style="color:#4d4d4d" size="2">&nbsp;&nbsp;b&nbsp;&nbsp;</font>
                      info@emporia.ph
                    </a>
                  </div>

                  <div class="item" style="color:#4d4d4d">
                    <a href="#/privacypolicy">
                      <button style="color:#4d4d4d" class="button button-clear button-dark">
                        &nbsp;&nbsp;Privacy Policy
                      </button>
                    </a>
                  </div>
                  <div class="item" style="color:#4d4d4d">
                    <a href="#/returnandexchange">
                      <button style="color:#4d4d4d" class="button button-clear button-dark">
                        &nbsp;&nbsp;Return &amp; Exchange
                      </button>
                    </a>
                  </div>
                  <div class="item" style="color:#4d4d4d">
                    <a href="#/termsandcondition">
                      <button style="color:#4d4d4d" class="button button-clear button-dark">
                        &nbsp;&nbsp;Terms &amp; Condition
                      </button></br>
                    </a>
                  </div>

                <div class="list" style="color:#4d4d4d">
                  <div class="item item-divider">
                    <center>
                      <a href="https://www.facebook.com/EmporiaPH?_rdr=p"><img src=" img/ic_fb.png"  height="40" width="40"></a>
                      <img src=" img/ic_googleplus.png"  height="40" width="40">
                    </center>
                  </div>
                </div>
          </ion-content>
    </ion-view>

please guid me what to do…thank you…al most all of my page got this issue and I only give one as a example…

#2

you do not need an ion-scroll inside of a scrollable ion-content.

#3

OMG thank you so much…I’ll try it on my other page thank you thank you… :slight_smile:

#4

I edited my question…another page of mine it was connected to api

#5

overflow-scroll=“true” is enough ;).
maybe you have some in your css, that causes this issue?

As another suggestion --> please do not use the href-attribute.
Use ngHref or even better ui-routers uiSref directive:


https://docs.angularjs.org/api/ng/directive/ngHref

#6

ok thank you I’l check it :wink: brb

#7

wow very good it works I’ll try it on my device thank you so much for the help :wink:

#10

if it is finally working?
You can build working examples on http://codepen.io/ to reproduce your problem.
So it is easier for us to help.

#11

Hi! yes it does work to my other form but I’m having a hard to to my home screen since the last item I’ve been calling was called by collection-repeat in my API and it only has two items to display…I have to landscape my phone then turn back to portrait so the scroll would work finally…