最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery實(shí)現(xiàn)返回頂部功能

 更新時(shí)間:2016年02月23日 11:48:00   投稿:hebedich  
很多網(wǎng)站上都有返回頂部的效果,本文闡述如何使用jquery實(shí)現(xiàn)返回頂部按鈕。希望大家能夠喜歡

代碼很簡(jiǎn)單,這里就不多廢話了,小伙伴們看代碼吧。

HTML:        

    <!--Go to Top-->
    <div id="Fixed">
      <a id="goTop" class="fl" title="去頂部" href="javascript:;">去頂部</a>
    </div>
    <!--Go to Top end-->

CSS:    

  .fl{
    display:block;
    float:left;
    width:50px;
    height:50px;
    text-align:center;
    background-color:#eaeaea;
    background-image:url(../images/toTop.png);
  }
  .fl:hover{background-color:#f48942;background-image:url(../images/toTop.png);}

  #Fixed {
    position: fixed;
    _position: absolute;
    z-index: 100;
    bottom: 70px;
    left: 50%;
    margin-left: 530px;
    _bottom: auto;_top:
    expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-70);
    width: 50px;
    text-indent: -40000px;
    background: #fff
  }

  /*置頂 end*/

Js:    

  /*置頂功能*/
  $(function(){
  $(window).bind('scroll', {
    fixedOffsetBottom: parseInt($('#Fixed').css('bottom'))
  },
  function(e) {
    var scrollTop = $(window).scrollTop();
    var referFooter =$('#footer');
    scrollTop > 100 ? $('#goTop').show() : $('#goTop').hide();
    if (!/msie 6/i.test(navigator.userAgent)) {
      if ($(window).height() - (referFooter.offset().top - $(window).scrollTop()) > e.data.fixedOffsetBottom) {
        $('#Fixed').css('bottom', $(window).height() - (referFooter.offset().top - $(window).scrollTop()))
      } else {
        $('#Fixed').css('bottom', e.data.fixedOffsetBottom)
      }
    }
  });

  $('#goTop').click(function() {
    $('body,html').stop().animate({
      'scrollTop': 0,
      'duration': 100,
      'easing': 'ease-in'
    })
  });
  });
  /*置頂功能 end*/

相關(guān)文章

最新評(píng)論

新巴尔虎左旗| 吉隆县| 罗田县| 启东市| 黔江区| 乐昌市| 三台县| 内丘县| 罗定市| 麻栗坡县| 青海省| 鄂托克旗| 五寨县| 泉州市| 讷河市| 蓬溪县| 读书| 秦安县| 平潭县| 盐亭县| 溧水县| 永新县| 莱阳市| 满洲里市| 大同市| 方正县| 奈曼旗| 那曲县| 新乡市| 手机| 县级市| 赣榆县| 格尔木市| 玉林市| 酉阳| 兰州市| 垫江县| 闽清县| 民勤县| 河北省| 夏邑县|