javascript - 如何使 nicescroll 适合未渲染的元素

Question

我正在使用的应用程序中使用自定义版本的 jQuery NiceScroll。包含滚动条的元素尚未完成渲染。不幸的是，当元素完成渲染时，滚动条没有放在正确的位置。

我的实现：

(function (angular) {
    'use strict';

    function myScrollDirective() {
        function linkFunc(scope, element, attrs) {
            var config: any =
                {
                    horizrailenabled: attrs.enableHorizontalScroll ? true : false
                };

            element.niceScroll(config);
        }

        let directive =
            {
                link: linkFunc,
                restrict: 'A'
            };

        return directive;
    }

    angular
        .module('app')
        .directive('myScroll',
        [
            nvScrollDirective
        ]);

})(angular);

滚动一点后，滚动条会到达正确的位置。

在元素完成渲染后，如何使滚动条首先到达正确的位置？

提前致谢

Answer 1

您可以尝试将其设置为该位置

.scroll_class {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
}