滾動到頁面加載的特定div

我想弄清楚如何讓頁面自動滾動到頁面加載時的特定div。我曾嘗試使用jQuery滾動功能，但無法讓它正常工作。有什麼建議嗎？滾動到頁面加載的特定div

下面是我到目前爲止已經試過：

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

來源

2013-08-07 simon

您可以使用.animate()方法做到這一點：

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

這將平滑滾動到div ID爲what

FIDDLE

來源

2013-08-07 12:35:46

工作完美，非常感謝。我會接受你的答案，當董事會讓我:) – simon

很高興它幫助:) –

這可以動態完成嗎？我想在查詢字符串中發送div的名稱，例如：show.aspx？divToScrollTo = SecondDiv。 – John

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

來源

2014-03-20 10:03:10 tailor

一等品，你必須調用該文件，

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

這裏的ID是 '滾動'。以下代碼是有幫助的：

<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>

來源

2017-04-18 08:34:08

滾動到頁面加載的特定div

回答

相關問題