Javascript 向下滚动到位置
我有这个代码,使网页上下滚动,请告诉我如何使它回到滚动的立场,而不是向下页面时,我点击了Javascript 向下滚动到位置,javascript,jquery,Javascript,Jquery,我有这个代码,使网页上下滚动,请告诉我如何使它回到滚动的立场,而不是向下页面时,我点击了 <a href="javascript://" id="toDown">Down</a> <a href="javascript://" id="toTop">Top</a> <script type="text/javascript"> jQuery.noConflict(); $(window).scroll(function(){
<a href="javascript://" id="toDown">Down</a>
<a href="javascript://" id="toTop">Top</a>
<script type="text/javascript">
jQuery.noConflict();
$(window).scroll(function(){
if($(window).scrollTop() > "0"){
$('#toTop').fadeIn();
$('#toDown').hide();
}else if($(window).scrollTop() == "0"){
$('#toTop').fadeOut();
$('#toDown').fadeIn();
}
});
$('#toTop').click(function(){
$('html, body').animate({scrollTop:0}, 0);
$('#toDown').fadeIn();
});
$('#toDown').click(function(){
$('html, body').animate({$('body').height()}, 0);
$('#toDown').fadeOut();
});
</script>
添加一个变量以存储单击“顶部”时的滚动位置:
var iPosition = null;
如果单击“顶部”,则保存当前滚动位置:
iPosition = $(window).scrollTop();
如果单击“向下”,检查是否已存储滚动位置;如果是,则移动到此位置,否则移动到文档末尾:
$('html, body').animate({scrollTop: (iPosition === null ? $('body').height() : iPosition)}, 0);
完整的源代码:
var iPosition = null; // new
jQuery.noConflict();
$(window).scroll(function(){
if($(window).scrollTop() > "0"){
$('#toTop').fadeIn();
$('#toDown').hide();
}else if($(window).scrollTop() == "0"){
$('#toTop').fadeOut();
$('#toDown').fadeIn();
}
});
$('#toTop').click(function(){
iPosition = $(window).scrollTop(); // new
$('html, body').animate({scrollTop:0}, 0);
$('#toDown').fadeIn();
});
$('#toDown').click(function(){
$('html, body').animate({scrollTop: (iPosition === null ? $('body').height() : iPosition)}, 0); // changed
$('#toDown').fadeOut();
});
另请参见。请进一步澄清您的问题。你想做什么有点不清楚。