Solution to get it worked when used inside a directive

[lmauri]

I've tried to use ng-scollbar inside a directive that needs to dynamically adjusts the height of scrollable content on demand.
And it does not works.

After a litte dig up in the code, I've seen that page.height is not calculated correctly in the buildScrollbar funcions:
page.height = element[0].offsetHeight - parentOffsetTop;

To solve this issues I've added a scope variable height, read from attributes height:
...
scope.height = attrs.height;
buildScrollbar()
...

And changed the line above this way:
page.height = (scope.height > 0) ? scope.height : (element[0].offsetHeight - parentOffsetTop);

So in the html I can set up the height of my scrollable area:

Hope this helps.

[asafdav]

Hi, have you try to rebuild the scrollbar whenever the content is changed ?

[webspeaks]

Tried to put the ng-scrollbar in a directive. But id does not work. I called "rebuilt" it but no luck.
Can you please help?

[paranoicsan]

@arvind07 take a look at this simple example - http://plnkr.co/45EoWm

[webspeaks]

@paranoicsan Thanks :)
It seems to work. Forked a new example - http://plnkr.co/edit/h6E7ViZQ9Yr7kbmuARHb
Playing more with it.

[webspeaks]

@paranoicsan I got the problem now. It fails in the case where the height of "div" is not specified in advance. See this plunker- http://plnkr.co/edit/h6E7ViZQ9Yr7kbmuARHb
Is there any solution for this?

[balaameex]

I tried to implement with ng-repeat it is not working. it is working only with static content. Help me to implemnt with dynamic content with ng-repeat.