Angular5 pass DOM object to ng-content

I'm newest in web.

I want customize default scroll-bar in ag-grid. I try use ngx-scrollbar for this. In sources ngx-scrollbar I found that ngx-scrollbar using ng-content for wrapping elements(link to github source file). If wrap ag-grid-angular element then scrolling even doesn't shows because content doesn't overflow ag-grid-angular content because oveflow happen in div with class .ag-body-viewport where using stock srolls. In order to achieve needed effect I wish pass DOM element with class .ag-body-viewport to ng-content of ngx-scrollbar. Is it possible?

More info here github issue but I don't use Nice Scroll or Perfect Scrollbar

I want use ngx-scrollbar because it has capability of customization.

UPDATE

I can pass DOM element to ng-content using next sintax(agGridViewport is native element):

<ng-scrollbar>    {{ agGridViewport }}<ng-scrollbar>

but it pass element like a copy of real DOM object but I want pass this like a refence.

Now I got UI like a stack style:

[rendered real ag-grid-angular]
[rendered ng-scrollbar with his content]

But it isn't that I need. Also I got bad rendering with artifacts and even some components doesn't appear. Now I want to try use Renderer2 for putting ng-scrollbar element between two DOM elements in tree(.ag-body-viewport-wrapper and .ag-body-viewport). But I think it's very bad idea because Renderer2 doesn't have methods for putting elements between DOM elements in tree and my code will be very unlify and complicated :( It's must be like injection.