ionic/angular 滚动到顶部

ionic/angular 滚动到顶部

1、ionic滚动到顶部

ionic使用 ionicScrollDelegate 服务
ionicScrollDelegate的详细用法：www.ionic.wang/js_doc-inde….

   $scope.gotop = function(){
            //页面里的ion-scroll或ion-content都会滚到顶端.没有找到好的办法使单独一个ion-content滚到顶端.           
          setTimeout(function(){
               $ionicScrollDelegate.scrollTop(true);
           },1000)
     }

复制代码

2、angular 滚动到顶部 angular封装成指令

  app.directive('goTop',function(){
            return{
                restrict:'E,A',
                link:function(scope,element,attr){
                    var e=$(element);
                   
                    $(window).scroll(function(){//滚动时触发 
                        if($(document).scrollTop()>300){ //获取滚动条到顶部的垂直高度,到相对顶部300px高度显示
                            e.fadeIn(300)
                        }else{
                            e.fadeOut(200);
                        }
                    });
        
                    //点击回到顶部
                    e.click(function(){
                         $(".top").animate({
                            scrollTop:0
                        },100)
                    })
                }
            }
  })

复制代码