Post by JD on Feb 15, 2019 11:50:06 GMT -8
URL: aeipathy.proboards.com/
Hey there!
Bit of a random one (I've tried to describe it as best I can in the question above...)
I have an onclick code that adds a class to each of my divs in a particular list. When you click on a particular link in the side bar all the divs have the class "show" removed and then only the appropriate ones have it added again so that only the appropriate boxes are then on show.
During this transition, though, the divs seem to stretch to about three times their normal height before then then shrink down again and disappear. It's only for a minute but it's really offputting and stops the code looking lovely and smooth.
I think this has something to do with using a percentage height instead of a pixel height but I need to use the percentage because different members have had issues with it on different sizes of screen.
What is it that's triggering this random elongation and can I stop it from doing it? <3
This is the specific page in question - aeipathy.proboards.com/members
One a side note, there also seems to be an element where, when I hover over each div, it seems to shrink by about two pixels (specifically at the top)... I can't work out why it's doing this but it throws off the smoothness of the background transition and makes it judder a little... would love to work out how to fix this one too <3 <3 <3
Any help anyone can give would be much appreciated
Hey there!
Bit of a random one (I've tried to describe it as best I can in the question above...)
I have an onclick code that adds a class to each of my divs in a particular list. When you click on a particular link in the side bar all the divs have the class "show" removed and then only the appropriate ones have it added again so that only the appropriate boxes are then on show.
During this transition, though, the divs seem to stretch to about three times their normal height before then then shrink down again and disappear. It's only for a minute but it's really offputting and stops the code looking lovely and smooth.
I think this has something to do with using a percentage height instead of a pixel height but I need to use the percentage because different members have had issues with it on different sizes of screen.
What is it that's triggering this random elongation and can I stop it from doing it? <3
This is the specific page in question - aeipathy.proboards.com/members
One a side note, there also seems to be an element where, when I hover over each div, it seems to shrink by about two pixels (specifically at the top)... I can't work out why it's doing this but it throws off the smoothness of the background transition and makes it judder a little... would love to work out how to fix this one too <3 <3 <3
Any help anyone can give would be much appreciated
