Search jQuery

jQuery Forum

Using jQuery

denis_ogr

How to make pause after $('document').ready ?

in Using jQuery • 11 years ago

Hello,

I need after upload html page, make pause and scroll to anchor.

HTML

TextText
TextText
TextText
<span id="anchor1">anchor1</span>
TextText
TextText
TextText

Jquery

<script type="text/javascript">
$(document).ready(function() {
elementClick = 'anchor1';
$('body').delay(3000);
destination = $(elementClick).offset().top;
if($.browser.safari){
$('body').delay(3000).animate( { scrollTop: destination }, 1100 );
}else{
$('html').delay(1000).animate( { scrollTop: destination }, 1100 );
}
});
</script>

Its not work. No pause. No animate scroll.

Help.

Denis Porplenko

Replies(2)

charlietfl

Re: How to make pause after $('document').ready ?

11 years ago

elementClick is not a valid jQuery selector

try

elementClick = '#anchor1';

EDIT: I don't think delay will do anything since you have nothing in animation queue, would be better to use setTimeout

denis_ogr

Re: Re: How to make pause after $('document').ready ?

11 years ago

Thanks, elementClick = 'anchor1'; change elementClick = '#anchor1'; - it is misspelled.

You help me, Thanks!

setTimeout-help.

<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
elementClick = '<?=$_GET['anchor']?>';
destination = $(elementClick).offset().top;
if($.browser.safari){
$('body').animate( { scrollTop: destination }, 1100 );
}else{
$('html').animate( { scrollTop: destination }, 1100 );
}
}, 100);
});
</script>

Top Reply

Response title

Attachments

jQuery Forum

How to make pause after $('document').ready ?

Replies(2)

Re: How to make pause after $('document').ready ?

Re: Re: How to make pause after $('document').ready ?

Statistics

Tags

Actions