2024-10-29CSS 既简单又复杂。刚开始学起来很容易，但 CSS 不断更新，设计方法也在变化，总有新的功能和特性出现来解决旧问题。这可真是个让人又爱又恨的家伙！最近几年，CSS 涌现出很多新特性，让网页设计变得更强大、更灵活。今天就来聊聊一些比较实用，并且已经得到广泛支持的新特性，帮助你提升网页设计的技能，做一个更牛的 web 设计师！aspect-ratio: 轻松控制元素比例aspect-ratio属性..._scrollbar-gutter

https://www.qianduange.cn//article/19505.html 分类：前端知识

2024-09-12jQuery scrollbar 教程 jquery.scrollbarjQuery CSS Customizable scrollbar项目地址:https://gitcode.com/gh_mirrors/jq/jquery.scrollbar 1. 目录结构及介绍在解压或克隆 jquery.scrollbar 项目后，您将看到以下基本目录结构：jquery.scrollbar/|--..._jquery.scrollbar.js

https://www.qianduange.cn//article/18210.html 分类：前端知识

2024-08-14推荐开源项目：jQuery scrollbar - 美观易用的自定义滚动条 jquery.scrollbarjQuery CSS Customizable scrollbar项目地址:https://gitcode.com/gh_mirrors/jq/jquery.scrollbar 在网页设计中，滚动条作为一个不可或缺的交互元素，往往被忽略其对用户体验的影响。然而，一款好的滚动条插件能够提升页...

https://www.qianduange.cn//article/15478.html 分类：前端知识

2024-07-20【css】滚动条 -webkit-scrollbar_css webkit-scrollbar width 恢复

https://www.qianduange.cn//article/14069.html 分类：前端知识

2024-06-06使用 ::-webkit-scrollbar-button。使用 ::-webkit-scrollbar-corner。使用 ::-webkit-scrollbar-thumb。使用 ::-webkit-scrollbar-track。水平方向上的滚动条：:horizontal。垂直方向上的滚动条：:vertical。_滚动条样式css

https://www.qianduange.cn//article/11028.html 分类：前端知识

2024-05-09首先，我们通过 Vue 的模板语法创建一个简单的卡片组件。在这里，我们使用了Element Plus的滚动条组件（el-scrollbar）来包裹我们的卡片。通过以上步骤，你已经成功创建了一个简单的Vue卡片组件，并为其添加了鼠标移入特效。这使得用户在浏览你的页面时能够获得更好的交互体验。在本篇博客中，我们将探讨如何使用 CSS 来实现卡片组件，并添加鼠标移入特效，使你的界面更具吸引力。语法为卡片组件添加样式，包括卡片布局、边框、阴影等。_css 卡片样式

https://www.qianduange.cn//article/7624.html 分类：前端知识

2024-04-03:-webkit-scrollbar-button — 滚动条上的按钮 (上下箭头)，允许通过点击微调小方块的位置.::-webkit-resizer — 某些元素的corner部分的部分样式(例:textarea的可拖动按钮).::-webkit-scrollbar-corner — 当同时有垂直滚动条和水平滚动条时交汇的部分.::-webkit-scrollbar-track-piece — 滚动条没有滑块的轨道部分.::-webkit-scrollbar-thumb — 滚动条上的滚动滑块._-webkit-scrollbar

https://www.qianduange.cn//article/4411.html 分类：前端知识

2024-03-08让antDesign的下拉框选择组件滚动条常驻，针对:global方式不生效的情况_ant-tree-list-scrollbar 展示滚动条

https://www.qianduange.cn//article/3442.html 分类：前端知识

2024-03-05在不同的浏览器下默认的滚动条样式是不一样的，为了美观和统一必须修改滚动条的样式。网页中我们可以使用CSS在默认滚动条的基础上直接进行样式修改。通常来说，webkit内核的浏览器是仅支持"-webkit-scrollbar"、却不支持"scrollbar-width"的。而在最近，webkit内核的浏览器也开始支持"scrollbar-width"了。本文将带你了解 webkit对"scrollbar-width"的支持表现、使用中可能遇到的问题，以及如何在浏览器兼容性之间作出效果的平衡。_scrollbar-width

https://www.qianduange.cn//article/3243.html 分类：前端知识

2024-03-04其中，::-webkit-scrollbar用于设置滚动条整体样式，::-webkit-scrollbar-thumb用于设置滚动条滑块样式。以上代码将滚动条宽度设置为 6px，高度设置为 6px，滑块圆角设置为 3px，滑块颜色设置为灰色半透明，滑块轨道颜色设置为浅灰色半透明。将overflow属性设置为auto或scroll，当内容超出div的高度或宽度时，就会出现滚动条。2.给div设置CSS属性overflow为auto或scroll，这将使div在高度范围内滚动。是你要选择的元素的类名。_div 滚动

https://www.qianduange.cn//article/3193.html 分类：前端知识