ScrollTop Jquery无法正常工作

Question

我一直在使用ScrollTop JQuery，以便在右列中单击按钮时，它们会滚动到左侧的特定ID。 当我第一次加载页面时，它会转到特定的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有问题。