Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 向下滚动到位置_Javascript_Jquery - Fatal编程技术网

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();
});

另请参见。

请进一步澄清您的问题。你想做什么有点不清楚。