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

    //滚动监听
    $(window).scroll(function(event){
    var wScrollY = window.scrollY; // 当前滚动条位置
    //console.log("wScrollY:"+wScrollY);
    //var wInnerH = window.innerHeight; // 设备窗口的高度(不会变)
    //console.log("wInnerH:"+wInnerH);
    //var bScrollH = document.body.scrollHeight; // 滚动条总高度
    //console.log("bScrollH:"+bScrollH);
    /**
    *$(document).height():文档的高度
    *$(window).height():可视域的高度:窗口的大小:根据浏览窗口的大小变化
    *判断底部:文档高度<=滚动条垂直高度+可视窗口的高度
    * */
    //if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
    // console.log("滚动条已经到达底部为" + $(document).scrollTop());
    //}
    //$(document).scrollTop() 获取垂直滚动的距离:最小值为0,最大值:文档高度-可视化窗口高度
    //$(document).scrollLeft() 这是获取水平滚动条的距离
    if (wScrollY>0) {
    $(".up").css("display","block");
    if(winWidth<700){
    console.log("wScrollY:"+wScrollY);
    $(".content .crumb-bar").css({"top":"0px"});
    }
     
    }
    else{
    $(".up").css("display","none");
    if(winWidth<700){
    $(".content .crumb-bar").css({"top":"50px"}); }
     
     
    }
     
    });
     
    //点击向上箭头滚动条向上滚动
    $(".up").click(function(){
    //scroll(0,0);
    //var t = $(window).scrollTop();
    $('body,html').animate({'scrollTop':0},300);
    });
  • 相关阅读:
    MSSQL经典语句
    注销时关闭当前窗体,返回登入界面
    自定义控件小结进阶篇
    精妙SQL语句大全
    触发器MSSQL常用操作
    经典SQL语句大全
    文件下载
    android Notification 的使用
    startActivityForResult()的用法
    Android手机中获取手机号码和运营商信息
  • 原文地址:https://www.cnblogs.com/BlingSun/p/7484196.html
Copyright © 2011-2022 走看看