JQ监听滚动条高度

摘要:
JQ监控滚动条高度$。纸卷
JQ监听滚动条高度
$(document).scroll(function() {
    var scroH = $(document).scrollTop();  //滚动高度
    var viewH = $(window).height();  //可见高度 
    var contentH = $(document).height();  //内容高度
 
    if(scroH >100){  //距离顶部大于100px时
 
    }
    if (contentH - (scroH + viewH) <= 100){  //距离底部高度小于100px
         
    }  
    if (contentH = (scroH + viewH)){  //滚动条滑到底部啦
         
    }  
 
});

免责声明:文章转载自《JQ监听滚动条高度》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇微信小程序样式旋转element-ui树结构设置默认选中节点时改变传入的数组树结构没有变化下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

js 创建音频声音

// 创建音频上下文 var audioCtx = new AudioContext(); // 创建音调控制对象 var oscillator = audioCtx.createOscillator(); // 创建音量控制对象 var gainNode = audioCtx.createGain(); // 音调音量关联 oscilla...

ES6中的export以及import的使用多样性

模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。 一、export导出模块使用部分的几种方式 一个模块就是一个独立的文件。该文件内部的所有变量,外部无法获取。如果你希望外部能够读取模块内部的某个变量,就必须使用export关键字输出该变量。下面是一个 JS 文件,里...

element-UI el-table样式(去边框和滚动条样式)

去边框: 给el-table绑定class=“customer-table” .customer-table th { border: none; } .customer-table td, .customer-table th.is-leaf { border: none; } .el-table--border, .el-table--gro...

echarts 超过预警值后节点变红预警

<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 100%; margin: 0">...

RobotFramework 切换窗口控制的用法小结

一:滚动条控制 应用场景:通过滚动条的上下,左右移动,才能让定位的元素可见。 ${value}表示移动的值,如200等。滚动条每次移动,值都会还原,不累加。 例如;同时滚动十次,每次值为100,其结果还是,滚动条只滚动100. 二:切换窗口控制 ${titles}      get window titles ${title2}     get fro...

前端跨域

跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。也就是说如果协议,域名,或者端口有一个不同就是跨域。 那么为什么要用跨域? 其实是因为浏览器出于安全考虑,我们都知道浏览器有同源策略。如果没有同源策略的情况下,A网站可以被任意来源的Ajax访问到内容,如果当前A网站还处于登录态,那么对方就可以通过Ajax获得A网站的任何消息。当然跨域可以用来房子CS...