angular 滚动事件指令

最新推荐文章于 2024-06-29 09:24:14 发布

qq_42449688

最新推荐文章于 2024-06-29 09:24:14 发布

阅读量840

点赞数

分类专栏： angular 文章标签： angular.js 前端

本文链接：https://blog.csdn.net/qq_42449688/article/details/128016466

版权

angular 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

huamotecHdisApp.directive('scroll', function () {
    return {
        restrict: "A",
        scope: true,
        link: function ($scope, elm, attr, controller) {
            console.log($scope)
            var scrollbox = $(".table-scroll"); //得到滚动对象
            var scrollFn = function () {
                var scrollbox = $(".table-scroll"); //得到滚动对象
                $("#table-header").css("left", -scrollbox.scrollLeft());
                $("#table-left").css("top", -scrollbox.scrollTop());
            };
            scrollbox.on('scroll', scrollFn);
            $scope.$on('$destroy', function () {
                scrollbox.off('scroll', scrollFn);
            })

        }
    }
});