Jquery Remove Clear Top CSS attribute

Question

I am creating a hover over button, once hovered it will scroll up to unreal more content over my slideshow, but when I hover over the button it pulls up but wont come back down.

Click here to see live, hover over Contact Our Team Button on slider

jQuery(".buttontwo").hover(
                    function(e){
                        jQuery('.buttontwo').animate({top:'0px', bottom:'auto'}, 200)
                        },
                    function(e){
                        jQuery('.buttontwo').animate({bottom:'75px', top:'auto'}, 200) 
                        }  
       );

Any ideas guys?

Thanks

Mina · Accepted Answer · 2013-09-16 09:36:48Z

1

Try adding a fixed value to the top property in the second function().

However you should be aware that as soon as you hover the button and the animation starts the second function will be triggered since you're not hovering the button anymore.

You might have to find a different way to animate that, perhaps adding aonMouseEnter / onMouseLeave event to the button's container.

answered Sep 16, 2013 at 9:36

Mina

1,5161 gold badge10 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Brent Over a year ago

I cannot use a fixed value due to it being a responsive slider, it needs either top to be 0 and bottom to be 75px; Thanks for reply tho

Mina Over a year ago

You can work out where to move it based on the next element's position.

Collectives™ on Stack Overflow

Jquery Remove Clear Top CSS attribute

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related