导航

2024年3月21日

pageX｜pageY、clientX ｜clientY、offsetX｜offsetY的区别

摘要： 一、pageX｜pageY 当鼠标点击、按下、移动时触发，可获取到该值。 pageX｜pageY：以页面左上角为基准点，相对于页面来说的。【当前鼠标触发点，距离页面左上角的距离，不会因为页面的滚动条的改变而改变】 二、clientX ｜clientY 当鼠标点击、按下、移动时触发，可获取到该值。 c 阅读全文

posted @ 2024-03-21 17:47 小白撸代码 阅读(406) 评论(0) 推荐(0) 编辑

css 设置滚动条样式

摘要： /* 设置滚动条的宽度 */ ::-webkit-scrollbar { width: 10px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* 滚动条滑块 */ ::-webkit-scrollbar-thu 阅读全文

posted @ 2024-03-21 16:09 小白撸代码 阅读(137) 评论(0) 推荐(0) 编辑

offsetWidth、offsetTop、clientWidth、clientTop、scrollWidth、scrollTop的区别

摘要： 一、offsetWidth｜offsetHeight = 内容 + padding + border【不包括滚动条，overflow折叠起来的部分，相当于盒模型取掉marge】 offsetTop｜offsetLeft表示元素本身距离父级定位元素的距离，如果父级元素没有定位就相对于body 二、cl 阅读全文

posted @ 2024-03-21 16:08 小白撸代码 阅读(230) 评论(0) 推荐(0) 编辑