Jquery html页面处理基础
1、怎样获得浏览器的可视高度?
|
var windHight = $(window).height(); //获得浏览器的可视高度 |
2、怎样获得滚动条相对于顶部的高度?
|
var scrollHight = $(window).scrollTop(); //获得滚动条相对于顶部的高度 |
3、怎样获得每张图片相对于浏览器顶部的高度?
|
var imgHight = $( 'img' ).offset().top; //获得每张图片相对于顶部的高度 |
4、怎样判断图片出现在了浏览器的可视窗口内部?
|
imgHight - windHight < scrollHight ? '成立的话就代表出现了' : '不成立就代表没出现' ; |
5、怎样排除首屏的图片?
|
imgHight - windHight > 0 //排除首屏的图片 |
6、排除已经加载过的图片
|
$( this ).attr( 'src' ) != $( this ).data( 'url' ) //排除已经加载过的图片 |
纸上得来终觉浅,绝知此事要躬行。
分类:
Javascript
标签:
jquery
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 全网最简单!3分钟用满血DeepSeek R1开发一款AI智能客服,零代码轻松接入微信、公众号、小程