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);
    }
}
复制代码

 

posted @   大空白纸  阅读(930)  评论(0编辑  收藏  举报
编辑推荐:
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示