Angular 1 - Improve angular.element/multiple parent()

Question

const page = angular.element('#contact-history')
this.scrollContainer = page ? page.parent().parent().parent() : null

How can you improve the code and avoid multiple parent() using Angular 1

The DOM, I want selected overlay-content id :

<div id="overlay-content" class="overlay-content container-fluid ng-scope">
    <h1><span translate="" translate-values="{ section: $ctrl.overlayTitle }" class="ng-scope">My Historie</span>
    <ui-view class="ng-scope">
       <contact-history contact="::$resolve.contact" class="ng-scope ng-isolate-scope">
          <div class="row contact-history" id="contact-history">
          </div>
       </my-iad-contact-history>
    </ui-view>
    <div ui-view="overlay" class="overlay ng-scope"></div>
 </div>

Answer 1

Solution :

this.scrollContainer = page ? angular.element(document).find('#overlay-content') : null