javascript - Angular 完美滚动条在负载下不起作用

Question

在我的 Angular 应用程序中，我正在从 Json 加载数据并使用 prefect-scroll Bar。但滚动条仅在我滚动时显示，而不在页面加载时显示。即使我用过

<perfect-scrollbar class="scroller ps-active-y" include-padding='true' wheel-propagation="true" wheel-speed="50" on-scroll="onScroll(scrollTop, scrollHeight)">

也使用此指令

appDirectives.directive('perfectScrollbar', function(){
    return {
        restrict: 'A',
        template: '<div ng-transclude></div>',
        transclude: true,
        scope: {},
        link: function(scope, element, attrs){
            element.perfectScrollbar();

                element.perfectScrollbar('update');

        }
    }
});

但请提出任何建议都没有效果。

Answer 1

您当前使用 restrict: 'A' 将指令限制为属性。你应该尝试<div perfect-scrollbar></div> 。使用perfect-scrollbar作为属性将匹配指令所期望的内容。

或者，您可以将 limit 更改为“E”，它代表“Element”。