我一直在使用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 × 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>
最佳答案
使用ScrollTo Jquery修复了此问题:http://flesler.com/jquery/scrollTo/
我不确定为什么ScrollTop Jquery有问题。