![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css相关
宝贝莫慌~~
前端开发工程师一枚
展开
-
干货代码——Div拖拽功能
拖拽功能需要用到的三个方法:onmousedown,onmousemove,onmouseup 鼠标按下时(onmousedown): 记录下div拖拽前鼠标的位置 鼠标移动时(onmousemove):动态计算元素的位置(left, top) 鼠标抬起时(onmouseup):释放掉上边两个事件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&原创 2020-10-29 17:26:42 · 218 阅读 · 0 评论 -
css3滚动条样式的优化
关于滚动条的设计,需要用到css3的微元素,都列在下边吧(以Chrome内核webkit为例)。 -webkit-scrollbar 滚动条的整体轮廓,width表示纵向滚动条的宽度,height表示横向滚动条的高度。 -webkit-scrollbar-track 滚动轨迹 -webkit-scrollbar-thumb 滚动滑块 -webkit-scrollbar-corner 滚动条右下角的小正方形 做个例子参考一下: <!DOCTYPE html> ...原创 2020-10-29 17:00:01 · 322 阅读 · 1 评论