angular js animate以滚动到视口顶部

时间:2016-01-07 20:46:30

标签: javascript angularjs

我是角色的新手,并试图做一些已经在Jquery工作的东西。我不想一起使用jquery和angular,只想在角度中编写它,并在指令中使用它需要一些帮助。

// Calculate the current scroll position...
    scrTop = (window.scrollY || window.pageYOffset);

    newTop = $elemt.offset().top - 20;
    //$elemt: an Object representing a jQuery selected page element.
    diff = newTop - scrTop;

    if (Math.abs(diff) > 20) {
        newScrTop = scrTop + diff;
        //where NAV_HEIGHT of div id corresponding to the element in the top navigation
        if (diff < 0) newScrTop -= NAV_HEIGHT;
        if (newScrTop < 0) newScrTop = 20;
        jQuery('html,body').animate({scrollTop: newScrTop + 'px'}, 1000);

1 个答案:

答案 0 :(得分:0)

Angular基于轻量级的jQuery(jqLit​​e) 因此,即使从页面中删除了显式的jQuery导入,您也可以简单地使用角度代码