Javascript Angularjs ui路由器使用templatecache滚动到状态更改

我的情况与以下两个职位相同： 和

TL；博士 我在一个页面上有多个部分，我希望用户在单击链接时滚动到这些部分。 我让scroll to功能正常工作，但除了第一次单击外，它似乎可以滚动到随机位置。 我的视图也使用templatecache html2js

我的路线如下：

$urlRouterProvider.otherwise("/");

var views = {
    "viewAbout": {templateUrl: "app/views/about/about.tpl.html"},
    "viewMeetups": {templateUrl: "app/views/meetup/meetup.tpl.html"},
    "viewNextMeetup": {templateUrl: "app/views/meetup/next-meetup.tpl.html"},
    "viewSponsors": {templateUrl: "app/views/sponsors/sponsors.tpl.html"},
    "viewContactUs": {templateUrl: "app/views/contact-us/contact-us.tpl.html"},
    "viewFooter": {templateUrl: "app/views/footer/footer.tpl.html"}
};

$stateProvider
    .state('home', {
        url: "/",
        views: views
    })

    .state('about', {
        url: "/about",
        views: views,
        onEnter: function () {
            $('#scrollme').animate({
                scrollTop: $("#about").offset().top
            }, 2000);
        }
    })

    .state('meetups', {
        url: "/meetups",
        views: views,
        onEnter: function () {
            $('#scrollme').animate({
                scrollTop: $("#meetups").offset().top
            }, 2000);
        }
    })

和以下菜单：

<ul class="nav navbar-nav navbar-right">
            <li class="hidden">
                <a href="#page-top"></a>
            </li>
            <li class="page-scroll">
                <a ui-sref="about">About</a>
            </li>
            <li class="page-scroll">
                <a ui-sref="meetups">Meetups</a>
            </li>
            <li class="page-scroll">
                <a ui-sref="sponsors">Sponsors</a>
            </li>
            <li class="page-scroll">
                <a ui-sref="contact">Contact us</a>
            </li>
        </ul>

<div ui-view="viewNextMeetup"></div>

<div ui-view="viewAbout"></div>

<div ui-view="viewMeetups"></div>

<div ui-view="viewSponsors"></div>

<div ui-view="viewContactUs"></div>

<div ui-view="viewFooter"></div>

有人能帮我吗