zoukankan      html  css  js  c++  java
  • 页面中到达顶部和底部的按钮

     1 到达页面顶部
     2 方法1:
     3 在body标签下面放<a href="" name='top' id='top'></a>
     4 在页面底部放<a href="#top">返回顶部</a>
     5 
     6 方法2:在需要返回顶部的地方放<a href="javascript:scrollTo(0,0);">返回顶部</a>
     7 ps:scrollto(x,y)x,y表示左上角的偏移量
     8 方法3:
     9 不同于前面2个,缓慢移动到顶部。
    10 <a href="javascript:gotop()" class="">gotop</a>放在页面中需要的位置
    11 js 在下面
    12 var timer=null;
    13 function gotop() {
    14     timer=setInterval(function () {
    15         if($(document).scrollTop()>0){
    16             window.scrollBy(0,-100);
    17         }else{
    18             clearInterval(timer);
    19         }
    20     },40)
    21 }
    22 
    23 到达页面底部
    24 方法1:缓慢到达
    25 <a href="javascript:gobutton();">返回顶部</a>
    26 js 在下面
    27 var timer=null;
    28 function gobutton() {
    29     timer=setInterval(function () {
    30         if($(document).scrollTop()<$(document).height()-$(window).height()){
    31             window.scrollBy(0,100);
    32         }else{
    33             clearInterval(timer);
    34         }
    35     },40)
    36 }
    View Code
  • 相关阅读:
    第三章 属性高级
    第二章 对象高级
    第一章 函数高级
    JavaScript笔记(6)
    Charles断点设置
    Charles安装及设置
    python-uiautomator2(001)
    Pycharm安装及激活
    Postman中Collection Runner添加外部数据文件
    Postman带Token的接口测试
  • 原文地址:https://www.cnblogs.com/wz0107/p/4547647.html
Copyright © 2011-2022 走看看