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);
        }
    }
  • 相关阅读:
    css之深入理解padding
    css布局大杂烩
    css深入理解margin
    css之深入理解border
    css样式画各种图形
    css Sprite雪碧图
    JVM,JRE,JDK
    JAVA 遍历数组
    JAVA 得到数组的长度
    大一对软件工程
  • 原文地址:https://www.cnblogs.com/zoro-zero/p/4496973.html
Copyright © 2011-2022 走看看