• 页面中到达顶部和底部的按钮


     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
  • 相关阅读:
    webstorm 2017 激活破解
    落在纸上的思考
    Mysql数据库备份脚本
    asp.net c# 打开新页面或页面跳转
    转正专业考试
    关于mysql-5.7.23-winx64.msi的安装
    win server 2012 R2 你需要先安装 对应于 KB2919355 的更新
    零碎
    按钮
    猪猪公寓——冲刺第一天
  • 原文地址:https://www.cnblogs.com/wz0107/p/4547647.html
Copyright © 2020-2023  润新知