如何确定HTML元素是否在屏幕外?
作者:程序员11 时间:2022-12-07 人气:364 QQ交流群\邮箱:1003265987@qq.com
如何使用jQuery确定给定元素在可见窗口区域的顶部上方还是在其底部?这将使我能够确定该项目是否在屏幕外以及朝哪个方向显示.
要展示的内容
var off = $(this).offset();
var t = off.top;
var l = off.left;
var h = $(this).height();
var w = $(this).width();
var docH = $(window).height();
var docW = $(window).width();
var isEntirelyVisible = (t > 0 && l > 0 && t + h < docH && l+ w < docW);
编辑 在那里的某个地方,也可能要检查$(document).scrollTop(),这取决于您希望脚本如何处理滚动状态...
我的代码:
let x = e.pageX - e.offsetX;
this.left = x + "px";
let y = e.pageY - e.offsetY - this.scrollY;
// console.log(x, y);
let winH = window.innerHeight;
if (y + 240 > winH) {
y = winH - 240;
}
this.top = y + "px";
温馨提示:
欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。
- 上一篇:将整个网站页面变成灰色(黑白色)
- 下一篇:scrollToTop 滚动到顶端
HTML5-热门文章
活跃用户












