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

时间:2016-08-28 18:47:42

标签: javascript jquery html angularjs nicescroll

我在我工作的应用程序中使用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);

enter image description here

滚动一下后,滚动条会到达正确的位置。

enter image description here

在元素完成渲染后,如何让滚动条首先到达正确的位置?

提前致谢

1 个答案:

答案 0 :(得分:0)

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

{{1}}