Top回顶部按钮

图片按钮添加链接

<a id="topicon" href="#top1"><img src="img/top.png" alt=""></a>

//在顶部添加锚点

<div class="top " id="top1">

var speed = 800;//自定义滚动速度
//回到顶部
$( "#topicon").click( function () {
$( "html,body").animate({ "scrollTop" : 0 }, speed);
});

//页面滚动，top按钮出现

$(function(){
// var h3_height = $("h3").offset().top;
$(window).scroll(function(){
var this_scrollTop = $(this).scrollTop();
if(this_scrollTop>100){
$("#topicon").show();
}else{
$("#topicon").hide();
}
});
});

 

//网页中如何让DIV在网页滚动到特定位置时出现

$(function(){

  var h3_height = $("h3").offset().top;

  $(window).scroll(function(){
        var this_scrollTop = $(this).scrollTop();
        if(this_scrollTop>h3_height ){
            $("div").show();
        }
    });