Jquery Scroll to #ID with delay
up vote
0
down vote
favorite
I´m trying to apply Scroll to a div after an ammount of time. This code works well, as it scrolls with delay, but I don´t know how to apply it to a specific DIV ID.
$(document).ready(function()
setTimeout(function ()var scroll= $(window).scrollTop();
scroll= scroll+ 800;
$('html, body').animate(scrollTop: scroll, 5000);, 5000);
);
javascript jquery html scroll
asked Nov 9 at 18:51
Manuel Pavía
11
add a comment |
up vote
0
down vote
favorite
I´m trying to apply Scroll to a div after an ammount of time. This code works well, as it scrolls with delay, but I don´t know how to apply it to a specific DIV ID.
$(document).ready(function()
setTimeout(function ()var scroll= $(window).scrollTop();
scroll= scroll+ 800;
$('html, body').animate(scrollTop: scroll, 5000);, 5000);
);
javascript jquery html scroll
asked Nov 9 at 18:51
Manuel Pavía
11
apply what to the div? scroll to the element? or scroll the element?
– epascarello
Nov 9 at 19:11
The page loads, and after some seconds y want to auto scroll to a section with an ID.
– Manuel Pavía
Nov 9 at 19:16
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I´m trying to apply Scroll to a div after an ammount of time. This code works well, as it scrolls with delay, but I don´t know how to apply it to a specific DIV ID.
$(document).ready(function()
setTimeout(function ()var scroll= $(window).scrollTop();
scroll= scroll+ 800;
$('html, body').animate(scrollTop: scroll, 5000);, 5000);
);
javascript jquery html scroll
asked Nov 9 at 18:51
Manuel Pavía
11
I´m trying to apply Scroll to a div after an ammount of time. This code works well, as it scrolls with delay, but I don´t know how to apply it to a specific DIV ID.
$(document).ready(function()
setTimeout(function ()var scroll= $(window).scrollTop();
scroll= scroll+ 800;
$('html, body').animate(scrollTop: scroll, 5000);, 5000);
);
javascript jquery html scroll
javascript jquery html scroll
asked Nov 9 at 18:51
Manuel Pavía
11
asked Nov 9 at 18:51
Manuel Pavía
11
asked Nov 9 at 18:51
Manuel Pavía
11
asked Nov 9 at 18:51
Manuel Pavía
11
asked Nov 9 at 18:51
Manuel Pavía
11
11
apply what to the div? scroll to the element? or scroll the element?
– epascarello
Nov 9 at 19:11
The page loads, and after some seconds y want to auto scroll to a section with an ID.
– Manuel Pavía
Nov 9 at 19:16
add a comment |
apply what to the div? scroll to the element? or scroll the element?
– epascarello
Nov 9 at 19:11
The page loads, and after some seconds y want to auto scroll to a section with an ID.
– Manuel Pavía
Nov 9 at 19:16
apply what to the div? scroll to the element? or scroll the element?
– epascarello
Nov 9 at 19:11
apply what to the div? scroll to the element? or scroll the element?
– epascarello
Nov 9 at 19:11
The page loads, and after some seconds y want to auto scroll to a section with an ID.
– Manuel Pavía
Nov 9 at 19:16
The page loads, and after some seconds y want to auto scroll to a section with an ID.
– Manuel Pavía
Nov 9 at 19:16
add a comment |
1 Answer
1
active
oldest
votes
up vote
1
down vote
You can use the offset() method to get the top and left position of the element in the document.
$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>answered Nov 9 at 19:35
Taplar
14.6k21529
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
add a comment |
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
up vote
1
down vote
You can use the offset() method to get the top and left position of the element in the document.
$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>answered Nov 9 at 19:35
Taplar
14.6k21529
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
add a comment |
up vote
1
down vote
You can use the offset() method to get the top and left position of the element in the document.
$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>answered Nov 9 at 19:35
Taplar
14.6k21529
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
add a comment |
up vote
1
down vote
up vote
1
down vote
You can use the offset() method to get the top and left position of the element in the document.
$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>answered Nov 9 at 19:35
Taplar
14.6k21529
You can use the offset() method to get the top and left position of the element in the document.
$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>$(document).ready(function()
setTimeout(function()
//get the offset of the target in the page
var scroll = $('#target').offset().top;
$('html, body').animate(
scrollTop: scroll
, 2000);
, 2000);
);#target
background-color: red;
width: 400px;
min-height: 1400px;
margin-top: 1000px;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="target"></div>answered Nov 9 at 19:35
Taplar
14.6k21529
answered Nov 9 at 19:35
Taplar
14.6k21529
answered Nov 9 at 19:35
Taplar
14.6k21529
answered Nov 9 at 19:35
Taplar
14.6k21529
14.6k21529
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
add a comment |
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
Hi, I think we almost got it but is still not doing what it sgould. It doesnt stop on the bottom section where the ID is. You can see it here. I think It stops on a point depending on the size of the screen. leyandlaw.callibree.com
– Manuel Pavía
Nov 10 at 10:58
add a comment |
draft saved
draft discarded
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53231720%2fjquery-scroll-to-id-with-delay%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
apply what to the div? scroll to the element? or scroll the element?
– epascarello
Nov 9 at 19:11
The page loads, and after some seconds y want to auto scroll to a section with an ID.
– Manuel Pavía
Nov 9 at 19:16