angular 返回顶部

前端之家收集整理的这篇文章主要介绍了angular 返回顶部前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

HTML代码

<button go-top>TOP</button>

实现的指令

.directive('goTop',['$interval',function($interval){  //返回顶部
    return {
        restrict : 'A',link : function(scope,element,attr){
            element.on("click",function(){
                var timer = $interval(function(){
                    var osTop = document.documentElement.scrollTop || document.body.scrollTop;
                    document.documentElement.scrollTop = document.body.scrollTop =o sTop -1 00;
                    if ( osTop == 0 ) {
                        $interval.cancel(timer);
                    };
                },10)
            })
        }
    }
}])

猜你在找的Angularjs相关文章