clientX,Y与pageX,Y的差异,您肯定不知道的!(框架细节十)

  • • 发表于 4年前
  • • 作者 Roluce
  • • 6898 人浏览
  • • 2 条评论
  • • 最后编辑时间 4年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

以初学者的视角看问题,感谢各路大神的纠错与指教!~


本篇重点讨论的是:



PS:我之前测试过很多次,PageX,Y和ClientX,Y的数值一直相等,我以为是“Bug”呢
我也发帖求助过,没得到想要的答案,今早突然悟出来了……

原来:

在页面的尺寸(宽或高)小于屏幕的时候(即没有滚动条的时候),PageX,Y和ClientX,Y的数据相等。
只有在页面的尺寸(宽或高)大于屏幕的时候(即有纵向或横向滚动条的时候),PageX,Y和ClientX,Y才会有差异。



来张动态示意图


重点说明:

以上测试的是纵向的变化,横向变化同理。

内容的宽度大于屏幕的宽度即可。

分享到:
评论区(共2条评论)
2条评论
Ctrl+Enter
作者

Roluce

Roluce

APP:0 帖子:50 回复:112 积分:3610

已加入社区[1337]天

山东_聊城_qq:635068

作者详情》
Top