<html>
<head>
<title>js</title>
<script type="text/javascript">
$(document).ready(function () {
$(window).scroll(function () {
var a = document.getElementById("eq").offsetTop;
if (a >= $(window).scrollTop() && a < ($(window).scrollTop()+$(window).height())) {
alert("div在可视范围");
}
});
});
</script>
</head>
<body>
<div style="width:1px;height:2000px;"></div>
<div id="eq" style=" width:100px; height:100px; background-color:Red;">1</div>
<div style="width:1px;height:2000px;"></div>
</body>
</html>
分享到：
相关推荐
主要介绍了使用jQuery判断Div是否在可视区域的方法 判断div是否可见
div css 可视化工具 超强易用,非常好用的工具，不是美工也可以轻松设计网页效果。
html代码很简单 <div class=...2 、要覆盖整个可视区域通常的做法是: html,body{ height:100%} .mask{height:100%;width:100%;} 但是这样做当内容超过一屏时只有IE6下显示的效果是我们所期望的，在其他浏览器中首屏
可视化div+css 源码可视化div+css 源码
基于vue的懒加载插件 - 实现图片或者其他资源进入可视区域后加载
计算div与可视的浏览器顶部距离，而不是于body的距离。
可视化div布局 生成freemarker模板 div拖拽 div缩小放大 spring mvc3
利用html2canvas实现 div转成图片。目前实现div（可视化div层）转换成图片； 解压1.html用浏览器打开点击保存图片即可。
截图与div保存为图片功能实现
} 2 、要覆盖整个可视区域通常的做法是: html,body{ height:100%} .mask{height:100%;width:100%;} 但是这样做当内容超过一屏时只有IE6下显示的效果是我们所期望的，在其他浏览器中首屏以下的没能
第十天_div+css网页标准布局实例教程第十天_div+css网页标准布局实例教程
pyhton通用可视化展示系统模板——基于Flask+Echarts开发可视化大屏数据展示项目 使用技术 div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适配 echarts基础 flask路由、utilts实时更新数据 pyhton通用...
主要用于div的布局，通过可视化的拖动层，可以更方便的进行网页的布局
js 仿 igoogle 拖拽 效果 可以在此基础之上进行自行改造
用于页面生成，自带轮播、切换等效果，基于bootstrap和jquery，页面可预览编辑
可以选中html中的一个div区域，得到其html源码
用于web前端数据可视化分辨率自适应，将数据可视化内容包裹在#best-box div中，引入下载的js即可