zoukankan      html  css  js  c++  java
  • jQuery 滚动监听总结

    JQuery监听页面滚动总结

    1、当前滚动的地方的窗口顶端到整个页面顶端的距离:

            var winPos = $(window).scrollTop();

    2、获取指定元素的页面位置:

            $(val).offset().top;

    3、对页面滚动条滚动的监听:要放在页面加载的时候

          $(window).scroll(function(event){

        });

    4、设置滚动条到指定位置。$(window).scrollTop(offset)。

    例如:jquery判断滚动条距离顶部的距离

    //滚动监听显示回顶部
    function jianting(){
        $(window).scroll(function(){
    // 滚动条距离顶部的距离 大于300px时
            if($(window).scrollTop() >= 300){
                $("#xiaohuojian").fadeIn(1000); // 开始淡入
            } else{
                $("#xiaohuojian").stop(true,true).fadeOut(1000); // 如果小于等于 300 淡出
            }
        });
    }
    //点击回到页面顶部
    function huidingbu(){
        $("#xiaohuojian").click(function(){
            $("html,body").animate({scrollTop:"0px"},'slow');
        });
    }
  • 相关阅读:
    php 删除指定文件夹
    php 批量进行复制文件
    php 导入/导出 csv 文件
    Java8 Nashorn JavaScript引擎
    Java8 Optional类
    Java8数据流
    Java8默认方法
    异常的其他问题
    package和import语句_5
    继承和权限控制_1
  • 原文地址:https://www.cnblogs.com/-dashu/p/9274086.html
Copyright © 2011-2022 走看看