zoukankan      html  css  js  c++  java
  • js scroll函数

     $(function () {
    
            $(".sticky").hide();
    
            var top = $(window).scrollTop();
    
            if (top >= 100) {
                $(".sticky").show();
            }
            else {
                $(".sticky").hide();
            }
            
            $(window).scroll(function () {
                var scrollTop = $(this).scrollTop();
                if (scrollTop >= 100) {
                    $(".sticky").show();
                }
                else {
                    $(".sticky").hide();
                }
            });
    
        });
    
    
        function backTop() {
    
            $('body,html').animate({ scrollTop: 0 }, 1000);
        }

     javascript onscroll函数

    
    window.onload = function () {
        var topbtn = document.getElementById("btn");
        var timer = null;
        var pagelookheight = document.documentElement.clientHeight;
    
        window.onscroll = function(){
    
            var backtop = document.body.scrollTop;
            if(backtop >= pagelookheight){
                topbtn.style.display = "block";
            }else{
                topbtn.style.display = "none";
            }
        }
    
        topbtn.onclick = function () {
    
            timer = setInterval(function () {
                var backtop = document.body.scrollTop;
                var speedtop = backtop/5;
                document.body.scrollTop = backtop -speedtop;
                if(backtop ==0){
                    clearInterval(timer);
                }
            }, 30);
        }
    }
  • 相关阅读:
    Dictionary集合 字典
    装箱和拆箱
    List< >泛型集合
    Hashtable 键值对集合
    File 类 的基本操作
    简体转换繁体
    ArrayList集合长度的问题
    ArrayList  集合
    里式转换
    字符串中常用的方法
  • 原文地址:https://www.cnblogs.com/zoro-zero/p/4496973.html
Copyright © 2011-2022 走看看