zoukankan      html  css  js  c++  java
  • js收藏展开与隐藏,返回顶部

    var a = document.getElementById("more");
    var b = document.getElementById("moreList");
    var c = document.getElementById("MOREall");
    a.onclick = function(){
    c.style.display="block";
    b.style.display="block";
    a.style.display="none";
    };
    // 动画效果
    var timer = null;
    b.onclick = function(){
    cancelAnimationFrame(timer);
    timer = requestAnimationFrame(function fn(){
    var oTop = document.body.scrollTop || document.documentElement.scrollTop;
    if(oTop > 0){
    document.body.scrollTop = document.documentElement.scrollTop = oTop - 50;
    timer = requestAnimationFrame(fn);
    }else{
    cancelAnimationFrame(timer);
    }
    });
    };
    // 直接回到顶部
    // b.onclick = function () {
    // var top = document.body.scrollTop || document.documentElement.scrollTop;
    // scrollBy(0,-top)
    // };

    正因为来之不易,所以才有了后来的倍加珍惜。
  • 相关阅读:
    ssh免密码登录与常见问题
    在eclipse中生成实体类
    在cmd中设置字体
    java命名
    c/s架构
    sql身份证号查人数
    bootstraptable表格基本
    手机登录验证
    form表单验证提示语句
    html让背景透明
  • 原文地址:https://www.cnblogs.com/jjxhp/p/8696136.html
Copyright © 2011-2022 走看看