css
凉音、
小笨鸟
展开
-
利用节流+css动画优化窗口拖动onmousemove事件
本文需要实现点击拖动元素时,元素在指定元素窗口内拖动,不能超出窗口,并且做节流优化避免事件触发太多次导致的性能问题,css动画使元素移动更流畅,上代码我们的元素<div id="app"> <div id="moveBox" :style="{'left': position.left, 'top': position.top}" @mousedown="handleMouseDown"></div></div>样式#mov.原创 2020-10-13 21:01:29 · 923 阅读 · 0 评论 -
纯CSS实现可自定义间距虚线边框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; height: 50px; background: #ff0000;.原创 2020-05-13 11:13:45 · 5465 阅读 · 2 评论 -
CSS3自定义滚动条样式(谷歌浏览器)
样式:代码:<div class="bsp-wrapper"> <div class="content"></div></div>.bsp-wrapper { position: relative; width: 100%; height: 100%; overflow-y: auto;}.bsp-wrap...原创 2020-04-27 14:47:31 · 168 阅读 · 0 评论