Search jQuery

jQuery Forum

Sliding down from screen edge?

in Using jQuery • 11 years ago

Is there a jQuery function that can cause an element to slide down as in fly from an edge of a screen to the location that it is supposed to be at?

The slideDown(); function causes an element to start at the top of the container the element it is applied to and then roll down.

I guess what I am looking for is something that would on an event slide from an edge of a screen or browser window to where it is supposed to go?

Are there any functions or transitions like that?

Replies(3)

kbwood.au

Re: Sliding down from screen edge?

11 years ago

You could position the element 'relative' and off the screen and then animate its top property:

$('#mydiv').animate({top: 0}, 1000);
<div id="mydiv" style="position: relative; top: -200px">...</div>

charlietfl

Re: Sliding down from screen edge?

11 years ago

is fairly straightforward, give element a negative margin, or position and animate it back to zero
css:
#myselector{position:absolute; top:-300px;}
js:
$('#mySelector').animate({'top', 0}, 500)

xmasmi

Re: Sliding down from screen edge?

11 years ago

kbwood.au

's answer worked perfectly. :-)

Thank you Kindly!

Top Reply

Response title

Attachments

jQuery Forum

Sliding down from screen edge?

Replies(3)

Re: Sliding down from screen edge?

Re: Sliding down from screen edge?

Re: Sliding down from screen edge?

Statistics

Tags

Actions