国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

使用jQuery實現返回頂部

2019-11-20 13:19:31
字體:
來源:轉載
供稿:網友

使用jQuery實現。所用圖片:

1、嘗試滾動 此頁面到底部即可出現go2top按鈕。
2、go2top-inner暫未使用。
HTML&JS定義:

復制代碼 代碼如下:

<a id="go2top" class="go2top" href="#header"><span class="go2top-inner"></span></a>
<script type="text/javascript">
$(function(){
    $('#go2top').click(function(){
        $("html,body").animate({scrollTop:0},200);
        return false;
    });
    $(window).scroll(function(){
        var obj=$('#go2top');
        if(obj.offset().top>900){
            obj.show();
        }else{
            obj.hide();
        }
    });
});
</script>

CSS定義

復制代碼 代碼如下:

試試看,是不是有了返回頂部了,非常方便實用的功能,希望大家能夠喜歡。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 黄龙县| 北碚区| 陇川县| 南涧| 黄浦区| 棋牌| 武城县| 汽车| 肥城市| 昭平县| 广平县| 杭锦旗| 正阳县| 吐鲁番市| 张北县| 盐山县| 电白县| 巴彦淖尔市| 广安市| 枣阳市| 邢台市| 巴林左旗| 麻阳| 定远县| 平乐县| 错那县| 彰化市| 长宁区| 龙井市| 册亨县| 吉隆县| 韶关市| 鹤山市| 汉沽区| 志丹县| 清苑县| 滨海县| 徐汇区| 牙克石市| 张家口市| 三门县|