ScrollTop Jquery無法正常工作

Question

我一直在使用ScrollTop JQuery，以便在右側列中單擊按鈕時，滾動到左側的特定標識。當我第一次加載頁面時，它會轉到特定的id，但在此之後，它不會轉到其他三個頁面，但當單擊按鈕時會出現小問題。我發現，當我滾動到頁面頂部並單擊鏈接時，它會轉到正確的位置，所以它似乎試圖找到左列的頂部位置並試圖從那裏開始。沒有關於如何解決這個問題的想法會感激任何想法。

CSS：

html, 
body { 
height: 100%; 
margin: 0px auto; 
} 


#main, 
#col_l, 
#col_r 
{ 
height: 100%; 
} 

div[id*="col"]{ 
float: left; 
width: 50%; 
overflow: auto; 
} 

#col_r{ 
overflow:hidden; 
position:relative; 
} 

JS：

<script src="jquery-1.10.2.min.js" type="text/javascript"></script> 
<script src="jquery.scrollTo-1.4.3.1-min.js" type="text/javascript"></script> 

<script type="text/javascript"> 
$(document).ready(function() {  

$("#stsp").click(function() { 
$('#col_l').animate({ 
scrollTop: $("#lgg").offset().top}, 2000); 
}); 

$("#fg").click(function() { 
$('#col_l').animate({ 
scrollTop: $("#funny").offset().top}, 2000); 
}); 

$("#covers").click(function() { 
$('#col_l').animate({ 
scrollTop: $("#coverso").offset().top}, 2000); 
}); 

$("#demo").click(function() { 
$('#col_l').animate({ 
scrollTop: $("#mp3").offset().top}, 2000); 
}); 

}); 

HTML：

<div id="col_r"> 

<div id="hb"><a href="Foreigner.zip"><button id="demo">One &times; Fifteen (64mb) </button></a></div> 
<div id="lg"><button id="stsp">Same Time Same Place</button></div> 
<div id="fg"><button id="funny">Funny Games Funny Games</button></div> 
<div id="c"><button id="covers">Covers Over Covers</button></div> 

</div> 

Answer 1

這是使用ScrollTo Jquery的固定這樣的：http://flesler.com/jquery/scrollTo/

我不知道爲什麼我遇到了ScrollTop Jquery問題。