You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Firstly, thanks a lot for this library, very helpful.
This library creates canvas element for water ripple effect, right? I am creating ripple effect on body element, sometimes due to DOM manipulation inside body element, scroll bar appears and disappears on body element. If the page loads with scroll bar on body and after deleting some elements in body scroll bar disappears because of less space required by remaining element. Because of which there appears a blank space on the left where scroll bar occupied space then.
I can fix it by setting canvas: width:100% but this can be messy hack if there were more than one canvas element on my page.
This gif to explain what I meant: https://i.imgur.com/XqdLRNR.gifv Dark blue color is the color of background on body along with background image
So my request is that your library should set some custom user-defined CSS selector which can be used in this type of situation...
Thanks
The text was updated successfully, but these errors were encountered:
I'm curious why you closed this. You raise a fair point that the canvas should also have a class name.
However, there is a better fix for your specific case: https://github.com/sirxemic/jquery.ripples#updatesize - call this function at the right moment and the canvas should re-adjust to its container. You could also use a timer which calls this function every few frames, if you don't want to bother with calling it at the right moments.
I closed the issue then because after reading the docs I found updateSize property which solved my problem.
None the less you should set a method which would allow us to give class selector to canvas element, can be useful to somebody else...
Firstly, thanks a lot for this library, very helpful.
This library creates canvas element for water ripple effect, right? I am creating ripple effect on body element, sometimes due to DOM manipulation inside body element, scroll bar appears and disappears on body element. If the page loads with scroll bar on body and after deleting some elements in body scroll bar disappears because of less space required by remaining element. Because of which there appears a blank space on the left where scroll bar occupied space then.
I can fix it by setting
canvas: width:100%
but this can be messy hack if there were more than one canvas element on my page.This gif to explain what I meant: https://i.imgur.com/XqdLRNR.gifv Dark blue color is the color of background on body along with background image
So my request is that your library should set some custom user-defined CSS selector which can be used in this type of situation...
Thanks
The text was updated successfully, but these errors were encountered: