点击Div回到浏览器顶部

2020-07-26  本文已影响0人  酒暖花深Q
<aside class="first">
    <img src="img/right.png" alt=""/>
</aside>
<div class='second'>
    <a href='javascript:void(0)'></a>
    <a href='javascript:void(0)'></a>
    <a href='javascript:void(0)'></a>
</div>
<script>
$('.second').find('a').eq(0).click(function(){
    $('html,body').animate({scrollTop:0},1000);
});
</script>

当达到一定高度 盒子切换显示

$(window).on('scroll',function(){
    var index =300;
    if($(document).scrollTop()>=300){
        $('.first').hide();
        $('.second').show();
    }
    else if($(document).scrollTop()<162){
        $('.first').show();
        $('.second').hide();
    }
});
上一篇 下一篇

猜你喜欢

热点阅读