2013-08-07 45 views
12

Tôi đang cố gắng tìm hiểu cách trang tự động cuộn đến một div cụ thể khi trang đã tải. Tôi đã thử sử dụng chức năng cuộn jQuery, nhưng không thể làm cho nó hoạt động chính xác. Bất kỳ đề xuất nào?Cuộn đến div cụ thể khi tải trang

Sau đây là những gì tôi đã cố gắng cho đến nay:

jQuery(function() { 
jQuery(window).scrollTop(jQuery('.container').offset().top); 
}); 

Trả lời

28

Bạn có thể làm điều này bằng cách sử dụng .animate() phương pháp:

$(document).ready(function() { 
    // Handler for .ready() called. 
    $('html, body').animate({ 
     scrollTop: $('#what').offset().top 
    }, 'slow'); 
}); 
  • này sẽ mịn cuộn để div với ID what

FIDDLE

+1

Làm việc một cách hoàn hảo, cảm ơn rất nhiều. Tôi sẽ chấp nhận câu trả lời của bạn khi bảng cho phép tôi :) – simon

+1

Vui vì nó đã giúp :) –

+0

Điều này có thể được thực hiện tự động không? Tôi muốn gửi tên của div trong một chuỗi truy vấn như: show.aspx? DivToScrollTo = SecondDiv. – John

0
$(document).ready(function(){ 
    $("html, body").animate({ 
     scrollTop: $('.sb-menu').offset().top 
    }, 1000); 
}); 
0

tiên bạn phải gọi các tập tin,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 

đây id là 'cuộn'. Mã sau đây là hữu ích:

<html> 
<head> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script type="text/javascript"> 

$(document).ready(function() { 
    // Handler for .ready() called. 
    $('html, body').animate({ 
     scrollTop: $('#scroll').offset().top 
    }, 'slow'); 
}); 

</script> 

</head> 
<body> 

<div id="scroll"></div> 

</body> 
</html> 
Các vấn đề liên quan