ddddd

如何确定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";



温馨提示:

欢迎阅读本文章,觉得有用就多来支持一下,没有能帮到您,还有很多文章,希望有一天能帮到您。

如何确定HTML元素是否在屏幕外?---相关文章


评论区

ddddd

程序员-学习的网站-想学习编程的码农可以进来看看

首页

视频教程

购物车

我的订单