角度js动画以滚动到视口顶部

Question

I am new to angular and trying to do something that is already working in Jquery. I do not want to use jquery and angular together and wanted just code it in angular and need some help using this in a directive.

// 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);

Answer 1

Angular基于轻量级版本的jQuery（jqLit​​e），因此即使从页面中删除了显式的jQuery导入，您也可以简单地在Angular中使用代码