angular ui views does not scroll to bottom
<p>i am struggling with angular ui router.</p>

<p>it renders a view with a ng-repeat table correctly, but a detail view with ng-repeat is not.</p>

<p>the template loads, DOM is rendered and ng-repeat kicks in... content is shown but i cant scroll down to see the whole content</p>

<pre><code>&lt;ui-view&gt;&lt;/ui-view&gt;

$stateProvider
.state('tickets', {
    url: '/tickets',
    templateUrl: '/assets/html/tickets.html',
    controller: 'ticketController'
})
.state('dashboard', {
    url: '/',
    templateUrl: '/assets/html/dashboard.html',
    controller: 'dashboardController'
})
.state('ticketDetail', {
    url: '/tickets/:id',
    templateUrl: '/assets/html/ticketDetail.html',
    controller: 'ticketDetailController'
});
$urlRouterProvider.otherwise('dashboard');
</code></pre>

<p>The state tickets loads a list of tickets as mentioned and the state ticketDetail loads a detail view of a ticket, here if content is loaded from backend i cant scroll anymore...</p>

<p>it is very disappointing, when working with angular ui-router and this comes up!</p>

<p>I would be very happy for some solutions!</p>

<p>The Template i want to load:</p>

<pre><code>&lt;div class="container" style="top: 75px;"&gt;
&lt;div class="columns"&gt;
&lt;div class="column col-2"&gt;&lt;/div&gt;
&lt;div class="column col-8"&gt;
&lt;ul class="breadcrumb"&gt;
    &lt;li class="breadcrumb-item"&gt;
        &lt;a ui-sref="tickets"&gt;
            Tickets
        &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="breadcrumb-item"&gt;
        &lt;a href="#"&gt;
            {{thisTicket.id}}
        &lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;div class="divider"&gt;&lt;/div&gt;
&lt;div ng-if="isLoading == true" class="loading"&gt;&lt;/div&gt;
&lt;div ng-if="isLoading == false"&gt;
&lt;div class="columns"&gt;
    &lt;div class="column"&gt;&lt;h6&gt;Titel:&lt;/h6&gt;{{thisTicket.title}}&lt;/div&gt;
    &lt;div class="column"&gt;&lt;h6&gt;Priority:&lt;/h6&gt;{{thisTicket.priority}}&lt;/div&gt;
    &lt;div class="column"&gt;&lt;h6&gt;Status:&lt;/h6&gt;&lt;span class="label label-primary"&gt;{{thisTicket.status}}&lt;/span&gt;&lt;/div&gt;
    &lt;div class="column"&gt;&lt;h6&gt;Type:&lt;/h6&gt;{{thisTicket.type}}&lt;/div&gt;
    &lt;div class="column"&gt;&lt;h6&gt;Assignee:&lt;/h6&gt;{{thisTicket.assignee}}&lt;/div&gt;
    &lt;div class="column"&gt;&lt;h6&gt;Owner:&lt;/h6&gt;{{thisTicket.owner}}&lt;/div&gt;
&lt;/div&gt;
&lt;br&gt;
&lt;/div&gt;
&lt;div class="divider"&gt;&lt;/div&gt;
&lt;ul class="tab tab-block"&gt;
    &lt;li class="tab-item active"&gt;
        &lt;a &gt;
            Conversation
        &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="tab-item"&gt;
        &lt;a &gt;
            Attachements
        &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="tab-item"&gt;
        &lt;a &gt;
            Images
        &lt;/a&gt;
    &lt;/li&gt;
    &lt;li class="tab-item"&gt;
        &lt;a &gt;
            Connect
        &lt;/a&gt;
    &lt;/li&gt;
&lt;/ul&gt;
&lt;div scroll-glue&gt;
    &lt;!-- Content here will be "scroll-glued". --&gt;
    &lt;blockquote ng-repeat="comment in thisTicket.comments"&gt;
        &lt;p ng-bind-html="comment.text"&gt;&lt;/p&gt;
        &lt;cite&gt;
            &lt;div class="chip-sm"&gt;
                &lt;img src="http://vignette1.wikia.nocookie.net/callofduty/images/c/c5/GHOSTS.jpg/revision/latest?cb=20130501101925" class="avatar" /&gt;
                &lt;span class="chip-name"&gt;{{comment.owner}} at {{comment.createDate}}&lt;/span&gt;
            &lt;/div&gt;
        &lt;/cite&gt;
    &lt;/blockquote&gt;
&lt;/div&gt;
    &lt;!-- form textarea control --&gt;
    &lt;div class="form-group"&gt;
        &lt;label class="form-label" for="input-example-3"&gt;Message&lt;/label&gt;
        &lt;text-angular ng-model="comment" style="" ta-toolbar="[['bold','italics','underline','strikeThrough'],['pre','quote'],['ul','ol']]"&gt;&lt;/text-angular&gt;
        &lt;br&gt;
        &lt;button class="btn btn-block" ng-click="addComment(comment)"&gt;Absenden&lt;/button&gt;
    &lt;/div&gt;
    &lt;/div&gt;
&lt;div class="column col-2"&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>