您的位置: 首页 > 文章 > 可视区

可视区

分类: 文章 • 2025-01-05 21:49:28

ClientX和ClientY，是藏在Even对象里面。

注意ClientX和Y距离是可视区的距离。

实例：div随着鼠标移动。

可视区

这道题有2个注意点：

1.鼠标移动的时候，是根据时间间隔来算的，同一时间内，移动的距离太大，有可能造成div顺移

2.注意可视区，如果html的总高度太长，然后ClientY的高度又太小，那么看起来就像下面这个样子

可视区

可视区

可视区

如果按照可视区范围的高度来设置方块的高度，那么就会如上面的效果图那样子，鼠标到红色方块会空出一大块东西。所以需要加上滚轮出来的距离。