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的问题。

ScrollTop Jquery无法正常工作

1 个答案: