css 顶部按钮 - la点击se duce page up。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 顶部按钮 - la点击se duce page up。相关的知识,希望对你有一定的参考价值。

  <script>
  $(document).ready(function () {

    $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
        $('.scrollup').fadeIn();
      } else {
        $('.scrollup').fadeOut();
      }
    });

    $('.scrollup').click(function () {
      $("html, body").animate({
        scrollTop: 0
      }, 600);
      return false;
    });

  });
  </script>

<a href="#" class="scrollup">Scroll</a>


.scrollup {
    z-index: 99;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 5px;
    right: 5px;
    display: none;
    text-indent: -9999px;
    background: url('http://lptemplates.rs.ro/template.14x0044/images/top.png');  
}

以上是关于css 顶部按钮 - la点击se duce page up。的主要内容,如果未能解决你的问题,请参考以下文章

点击回到顶部的按钮

Vue中点击按钮回到顶部(滚动效果)

html css JS 怎么设计点击回顶部效果?

Appcelerator Titanium + iOS + webview - 更改触摸/点击按钮的 CSS

回到顶部

怎样判断jQuery 元素是不是显示与隐藏