Closed r3wt closed 7 years ago
hi @r3wt, thanks for the detailed ticket! I appreciate the screenshot, html, and JS. You can maybe try changing where ng-scrollbars is applied (maybe move it to the parent or child div)
If that doesn't do anything, the ng-scrollbars library is really a thin wrapper that just runs Malihu's custom-scrollbar-plugin to an element, so it might be worthwhile to also inspect your CSS and walk through the code line by line in the debugger (use the source versions rather than the production / uglified versions) as I'm not entirely sure what the plugin may see as it applies the scrollbars to an element
turns out it was simply 404ing on the default stylesheet for the jquery plugin, i misspelled it in the lazyloader configuration. resolved the issue.
thanks @r3wt for updating this ticket with that info and I'm glad you found a resolution
As you can see in the image, i have a small search form, then below it, a box of about 288px in height (just as an example. this is the div i am using the scrollbars directive with. the content is loaded dynamically with firebase. when it loads, the content is pushed up behind the form. the inner div of the scrollbar has
top: -289px
which is identical to height being set withsetHeight
option in config. I can't understand why this is happening. I hope you can help me.html for reference:
related controller logic: