iOS clicking links while scrolling

Hi,

I am testing my App on iPhone and i noticed a annoying bug while scrolling.

I have these relatively long lists of photos.
Lets say i have photo 1 + 2 in view, then i scroll down and click photo 9 when i comes into view but is still scrolling up slowly, then i en up navigating to photo 1 or 2.
If i wait a little until it has stopped scrolling (decelerating), then it works just fine.

Everything i rendered when the view is loaded, no infinity scroll og lazy loading of any kind.

It also works fine on Android and in the browser.

If anyone can give me a hint, so i know where to start looking, then I would be grateful.
Right now i don't know where to begin.

Capture.PNG468x802 384 KB

    <div class="row row-wrap no-padding">
        <div class="col no-padding" ng-repeat="family in superFamily.Categories track by family.Id" ng-show="!family.filtered" ng-class="{'col-50': !family.ShowFullWidthPhone || isLandscape, 'col-100': family.ShowFullWidthPhone && !isLandscape}">
            <a href="#/app/home/{{::superFamily.Id}}/{{::family.Id}}">
                <div class="img-wrap">
                    <img ng-src="https://reefapp.net/lex/image/{{::photoSize(family.ShowFullWidthPhone)}}/{{::family.ImageId}}.jpg">
                </div>
                <div class="info-wrap" ng-class="{odd: (family.ShowAlternateColorPhone && !isLandscape) || (isLandscape && $index % 2 == 1)}">
                    <h2>{{::family.CommonName}}</h2>
                    <p>{{::family.Name}}</p>
                </div>
            </a>
        </div>
        <div class="col no-padding centered" ng-if="isAllFiltered()">
            <h3>{{'GLOBAL_ALL_FILTERED_HEADER' | translate}}</h3>
            <p>{{'GLOBAL_ALL_FILTERED_TEXT' | translate}}</p>
            <p>
                <a ng-click="resetFilters()">{{'GLOBAL_ALL_FILTERED_RESET' | translate}}</a>
            </p>
        </div>
    </div>