摘要:一、pageX|pageY 当鼠标点击、按下、移动时触发,可获取到该值。 pageX|pageY:以页面左上角为基准点,相对于页面来说的。【当前鼠标触发点,距离页面左上角的距离,不会因为页面的滚动条的改变而改变】 二、clientX |clientY 当鼠标点击、按下、移动时触发,可获取到该值。 c
阅读全文
posted @ 2024-03-21 17:47
随笔 - 58, 文章 - 0, 评论 - 6, 阅读 -
72611
|
|
随笔分类 - css
摘要:一、pageX|pageY 当鼠标点击、按下、移动时触发,可获取到该值。 pageX|pageY:以页面左上角为基准点,相对于页面来说的。【当前鼠标触发点,距离页面左上角的距离,不会因为页面的滚动条的改变而改变】 二、clientX |clientY 当鼠标点击、按下、移动时触发,可获取到该值。 c
阅读全文
posted @ 2024-03-21 17:47
摘要:/* 设置滚动条的宽度 */ ::-webkit-scrollbar { width: 10px; } /* 滚动条轨道 */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* 滚动条滑块 */ ::-webkit-scrollbar-thu
阅读全文
posted @ 2024-03-21 16:09
摘要:一、offsetWidth|offsetHeight = 内容 + padding + border【不包括滚动条,overflow折叠起来的部分,相当于盒模型取掉marge】 offsetTop|offsetLeft表示元素本身距离父级定位元素的距离,如果父级元素没有定位就相对于body 二、cl
阅读全文
posted @ 2024-03-21 16:08
摘要:多行文本省略号实现代码 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; //文本的行数,即显示几行文本。如效果图只显示3行其余出现.... overflow:hidden; } 效果图: 单行文本省略
阅读全文
posted @ 2019-11-20 11:13
|
|