Untitled

<html ng-app="myapp" ng-controller="mycontrol">
<div class="list-container">
   <div>
       <div ng-repeat="el in els track by $index">
           <div ng-bind-html-unsafe="html">{{el.title}}</div>
        </div>
    </div>
    <div>
        <button>
            <span>Example</span>
        </button>
        <button>
            <span>Example</span>
        </button>
    </div>
</div>
<div class="frame-container">
    <iframe class="frame" sandbox="allow-same-origin"></iframe>
</div>
</html>

.list-container {
    display: inline-block;
}

.frame-container {
    display: inline-block;
    vertical-align: top;
    border: none;
    overscroll-behavior-y: contain;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch !important;
}

.frame {
    border: none;
}