博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angularjs scrollTop
阅读量:5918 次
发布时间:2019-06-19

本文共 1684 字,大约阅读时间需要 5 分钟。


//回到顶部app.directive('scrollTop', function ($window, $document, $compile) {    return {        restrict: 'A',        link: function ($scope, elem, attr, ctrl) {            var elShare = angular.element('');            function showShare() {                if (!elShare.hasClass('ng-scope')) {                    $compile(elShare)($scope);                    var body = $document.find('body').eq(0);                    body.append(elShare);                }                elShare.show();            }            var loading = false;            $scope.goTop = function () {                var idToScroll = attr.href;                var $target;                if (idToScroll) {                    $target = $(idToScroll);                } else {                    $target = elem;                }                loading = true;                $("body").animate({ scrollTop: $target.offset().top }, "fast", function () {                    elShare.hide();                    loading = false;                });            }            //http://stackoverflow.com/questions/13549216/changing-css-on-scrolling-angular-style            var scrollTop = 0;            var windowEl = angular.element($window);            var handler = function () {                if (loading) return;                var ele = document.body;                if (ele.scrollTop > 50 && scrollTop < ele.scrollTop) {                    showShare();                }                else {                    elShare.hide();                }                scrollTop = document.body.scrollTop;            }            windowEl.on('scroll', $scope.$apply.bind($scope, handler));            handler();        }    };});

转载地址:http://nsbvx.baihongyu.com/

你可能感兴趣的文章
Spring Cloud综合实战 - 基于TCC补偿模式的分布式事务
查看>>
如何在gitlab 数据备份
查看>>
Oracle性能调优条带宽度
查看>>
Linux 脚本编写基础(一)--语法
查看>>
oracle 区管理和段空间管理小结
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
CDH HDFS文件系统垃圾间隔设置
查看>>
java抽象数据类型
查看>>
Tigase服务器安装以及集群
查看>>
CentOS7_LAMP-https-discuz搭建,WordPress搭建及phpMyadmin搭建_2015091902
查看>>
postgres 定期备份shell
查看>>
写在C#.NET通用权限管理系统组件源码销售额突破(23000元/月)大关,客户数量超过156人...
查看>>
大哥你都有房子有车子还拿着双份工资收入,不能总想让兄弟免费来杭州帮忙啊,开不来这个口啊...
查看>>
响应式网页设计:web产品RWD概念
查看>>
糟糕的程序员有哪些招牌特质?
查看>>
SVN文件不显示绿色勾子的解决方法
查看>>
RHCE_LAB(2)SSH远程登录自动验证(不输入用户登录密码)的实现
查看>>
Linux命令之uniq
查看>>
ubuntu 13.04 将应用程序放到桌面
查看>>