当前位置： 首页 > news >正文

【css】划过滚动条，滚动条加宽，划出时，变回原宽度

news 2026/3/29 19:38:06 
// 全局的滚动条样式
::-webkit-scrollbar {		//滚动条的宽度width: 4px;height: 6px;
}::-webkit-scrollbar-thumb {		//滚动条的滑块background-color: rgba(144, 147, 153, 0.6);border-radius: 4px;
}// 内容区滚动条划过加宽
.content>div>div::-webkit-scrollbar {		// 内容区的滚动条宽度width: 8px;height: 8px;
}.content>div>div::-webkit-scrollbar-thumb {			// 内容区的滚动条滑块样式，这个是重点background-color: rgba(144, 147, 153, 0.6);border-radius: 4px;border-style: dashed;border-color: transparent;border-width: 2px;background-clip: padding-box;
}.content>div>div::-webkit-scrollbar-thumb:hover {		// 内容区滚动条滑块划过样式background: rgba(144, 147, 153, 0.6);
}

相关文章：

【css】划过滚动条，滚动条加宽，划出时，变回原宽度

// 全局的滚动条样式 ::-webkit-scrollbar { //滚动条的宽度width: 4px;height: 6px; }::-webkit-scrollbar-thumb { //滚动条的滑块background-color: rgba(144, 147, 153, 0.6);border-radius: 4px; }// 内容区滚动条划过加宽 .content>div>div::-webkit-scrollbar {…...

编程日记 2023/12/15 15:16:42

飞天使-linux操作的一些技巧与知识点5-ansible之roles

文章目录 roles批量替换文件 role 的依赖关系role 的实际案例 roles tasks 和 handlers ，那怎样组织 playbook 才是最好的方式呢？简 单的回答就是：使用 Roles Roles 基于一个已知的文件结构，去自动的加载 vars，tasks 以…...

编程日记 2023/12/15 15:15:41

FPGA - 1、Simulink HDL coder模型例化到FPGA

Simulink HDL coder模型例化到FPGA 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加 例如：第一章 Python 机器学习入门之pandas的使用 提示：写完文章后，目录可以自动生成，如何生成可参考右…...

编程日记 2023/12/15 15:14:39

02基于matlab的卡尔曼滤波

基于matlab的卡尔曼滤波，可更改状态转移方程，控制输入，观测方程，设置生成的信号的噪声标准差，设置状态转移方差Q和观测方差R等参数，程序已调通，需要直接拍下。...

编程日记 2023/12/15 15:10:35

基础算法(3):排序(3)插入排序

1.插入排序实现 插入排序的工作原理是：通过构建有序序列，对于未排序数据，在已经排序的序列从后向前扫描，找到位置并插入，类似于平时打扑克牌时，将牌从大到小排列，每次摸到一张牌就插入到正确的位…...

编程日记 2023/12/15 15:09:34

Vue3-18-侦听器watch()、watchEffect() 的基本使用

什么是侦听器 个人理解：当有一个响应式状态（普通变量 or 一个响应式对象）发生改变时，我们希望监听到这个改变，并且能够进行一些逻辑处理。那么侦听器就是来帮助我们实现这个功能的。侦听器 其实就是两个函数&#xff…...

编程日记 2023/12/15 15:08:33

mysql 5.7.34升级到5.7.44修补漏洞

mysql 5.7.34旧版本，漏扫有漏洞，升级到最新版本 旧版本5.7.34在 /home/mysql/mysql中安装 备份旧版本数据还有目录 数据库备份升级 tar -xf mysql-5.7.44-el7-x86_64.tar #覆盖旧版本数据库文件 #注意看看文件是否和你起服务的用户一样 \cp -r mysql-5…...

编程日记 2023/12/15 15:07:32

基于电子密码锁具有掉电存储系统设计

**单片机设计介绍，基于电子密码锁具有掉电存储系统设计 文章目录 一 概要二、功能设计设计思路 三、 软件设计原理图 五、 程序六、 文章目录 一 概要 电子密码锁是一种使用电子技术实现开关门的装置，通常由密码输入板、电控锁、控制电路等组成。其中&a…...

编程日记 2023/12/15 15:05:30

清华大学考研复试上机题之二叉树的遍历

问题描述： 编一个程序，读入用户输入的一串先序遍历字符串，根据此字符串建立一个二叉树（以指针方式存储）。 例如如下的先序遍历字符串：ABC##DE#G##F### 其中#表示的是空格，空格字符代表空树。…...

编程日记 2023/12/15 15:03:28

java全栈体系结构-架构师之路(持续更新中)

Java 全栈体系结构 数据结构与算法实战（已更）微服务解决方案数据结构模型(openresty/tengine)实战高并发JVM虚拟机实战性能调优并发编程实战微服务框架源码解读集合框架源码解读分布式架构解决方案分布式消息中间件原理设计模式JavaWebJavaSE新零售电商项…...

编程日记 2023/12/15 15:00:26

【C语言】超详解strncpystrncatstrncmpstrerrorperror的使⽤和模拟实现

🌈write in front :🔍个人主页 ： 啊森要自信的主页 ✏️真正相信奇迹的家伙，本身和奇迹一样了不起啊！ 欢迎大家关注🔍点赞👍收藏⭐️留言📝>希望看完我的文章对你有小小的帮助&am…...

编程日记 2023/12/15 14:59:25

【Spring Boot 】Spring Boot 常用配置总结

文章目录 前言1.多环境配置application.propertiesapplication.yaml 2.常用配置3.配置读取4.自定义配置 前言 在涉及项目开发时，通常我们会灵活地把一些配置项集中在一起，如果你的项目不是很大的情况下，那么通过配置文件集中不失为一个很好的…...

编程日记 2023/12/15 14:58:24

Day60力扣打卡

打卡记录 1682分了记录下，希望下回能突破1700捏🤣🤣。作为一个菜鸟😨，知道自己不太行😭👊，从以前的周赛稳定1题到稳定2题🥺，到现在的时有时无的3题&#x1f9…...

编程日记 2023/12/15 14:56:22

Axure的动态图使用以及说明

认识Axure动态图 Axure动态图是Axure中的一种功能，它允许用户在原型中添加动画效果和交互动作，使原型更加生动和具有真实的用户体验。用户可以通过添加动态图来展示页面过渡、按钮点击、下拉菜单等交互操作的效果。 这是：就是我们今天要叫的…...

编程日记 2023/12/15 14:55:22

力扣 | 437. 路径总和 III

437. 路径总和 III mport java.util.ArrayList; import java.util.List;/*** int的取值范围&#xff1a;* -2^31 ~ 2^31-1* <p>* -2147483648 ~ 2147483647&#xff08;约等于10的9次方&#xff09;* <p>* long long的取值范围&#xff1a;* -2^63 ~ (2^63-1&…...

编程日记 2023/12/15 14:54:21

如何部署自己的服务渲染页面为Pdf文档

前言 相信大家都觉得官方发布的文档生成模块https://docs.mendix.com/appstore/modules/document-generation/很有用&#xff0c;它能把Mendix页面像素级导出到Pdf文件中&#xff0c;这对于归档等业务非常有价值。但部署依赖公有云提供的渲染服务&#xff0c;而中国本土用户对…...

编程日记 2023/12/15 14:52:19

常用的调试方法（段错误产生原因）

C 语言中常用的调试技巧和 demo C语言中常用的调试方法 打印调试信息 GDB 调试器 编写单元测试 段错误产生原因 初学时两种常用的段错误调试方法 C 语言中常用的调试技巧和 demo 当程序员进行调试时&#xff0c;他们通常会使用一些调试语句或技巧来帮助他们理解代码的执行过程…...

编程日记 2023/12/15 14:50:17

[云原生] Docker 入门指南：镜像、容器、卷和网络解析

Docker 是一种流行的容器化平台&#xff0c;它以其强大的功能和易用性在软件开发和部署领域广受欢迎。本文将带领您逐步探索 Docker 中的四个核心概念&#xff1a;镜像、容器、卷和网络。通过了解这些概念的是什么、为什么以及如何使用&#xff0c;您将能够更好地理解和利用 Do…...

编程日记 2023/12/15 14:49:16

机器学习-聚类问题

前言 聚类算法又叫做”无监督分类“&#xff0c;目标是通过对无标记训练样本来揭示数据的内在性质及 规律&#xff0c;为进一步的数据分析提供基础。 Kmeans 作为聚类算法的典型代表&#xff0c;Kmeans可以说是最简单的聚类算法&#xff0c;没有之一&#xff0c;那她是怎么完…...

编程日记 2023/12/15 14:48:15

leetcode9.回文数java解法

力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 给你一个整数 x &#xff0c;如果 x 是一个回文整数&#xff0c;返回 true &#xff1b;否则&#xff0c;返回 false 。 回文数是指正序&#xff08;从左向右&#xff09;和倒序&#xff08;从右向左&…...

编程日记 2023/12/15 14:46:13

量化版SenseVoice语音识别体验：模型缩小74%，速度提升33%实测

量化版SenseVoice语音识别体验&#xff1a;模型缩小74%&#xff0c;速度提升33%实测 1. 引言 语音识别技术正在快速渗透到我们的日常生活和工作中&#xff0c;从智能客服到会议记录&#xff0c;从实时字幕到语音搜索&#xff0c;这项技术正在改变我们与设备交互的方式。然而&…...

编程新知 2026/3/29 19:27:38

这次咱们来拆解PFC二维浆岩直剪案例。这个案例有意思的地方在于它展示了颗粒材料与刚性墙体接触面的剪切行为，咱们边看代码边分析剪切曲线的门道

PFC案例9&#xff0c;浆-岩二维直剪&#xff0c;包含代码源文件、代码解释、曲线分析先看模型搭建的关键代码段&#xff1a; ;生成浆体颗粒 ball distribute ... ;创建上下剪切盒 wall generate id 1 vertices 0 0 1 0 1 1 0 1 wall generate id 2 vertices 0 0.2 1 0.2;设置…...

编程新知 2026/3/29 19:01:34

WPF拖拽实战避坑指南：从DragDropEffects到QueryContinueDrag，解决拖拽后鼠标事件失效的诡异问题

WPF拖拽实战避坑指南&#xff1a;从DragDropEffects到QueryContinueDrag&#xff0c;解决拖拽后鼠标事件失效的诡异问题 当你在WPF项目中实现拖拽功能时&#xff0c;是否遇到过这样的场景&#xff1a;拖拽操作完成后&#xff0c;控件的MouseMove事件突然"失灵"&#…...

编程新知 2026/3/29 18:37:29

AI人脸隐私卫士企业应用：内部会议纪要人脸自动打码方案

AI人脸隐私卫士企业应用&#xff1a;内部会议纪要人脸自动打码方案 1. 企业会议场景的隐私保护挑战 在现代企业运营中&#xff0c;内部会议纪要的数字化管理已成为常态。然而&#xff0c;当这些包含参会人员影像的资料需要共享或存档时&#xff0c;如何平衡信息传递与隐私保护…...

编程新知 2026/3/29 18:11:18

Q345A、Q345B、Q345C、Q345D、Q345E钢材的性能差异分析

Q345A、Q345B、Q345C、Q345D、Q345E 钢材的性能差异分析 Q345是一种钢材的材质。它是低合金钢（C<0.2%)，广泛应用于建筑，桥梁、车辆、船舶、压力容器等。Q代表的是这种材质的屈服强度，后面的345，就是指这种材质的屈服值，在345MPa左右。并会随着材质的厚度的增加而使其…...

编程新知 2026/3/29 17:41:09

告别串口调试助手：用Chrome浏览器直接调试Arduino/ESP32（Web Serial API实战）

浏览器直连硬件&#xff1a;Web Serial API在物联网开发中的高阶应用 每次调试Arduino或ESP32设备时&#xff0c;那些繁琐的串口助手切换、驱动安装和兼容性问题是否让您感到疲惫&#xff1f;现在&#xff0c;只需一个Chrome浏览器窗口&#xff0c;就能完成从设备连接到数据可…...

编程新知 2026/3/29 14:21:29

墨语灵犀处理时序数据实战：基于LSTM的预测模型辅助开发

墨语灵犀处理时序数据实战&#xff1a;基于LSTM的预测模型辅助开发 最近在做一个销量预测的项目&#xff0c;团队里新来的同事看着一长串的时序数据和复杂的LSTM模型代码&#xff0c;有点无从下手。他问我&#xff1a;“这些参数到底该怎么调&#xff1f;预测出来的曲线波动这…...

编程新知 2026/3/29 13:22:40

Windows 7 SP2：让经典系统在现代硬件上重获新生的完整解决方案

Windows 7 SP2&#xff1a;让经典系统在现代硬件上重获新生的完整解决方案 【免费下载链接】win7-sp2 UNOFFICIAL Windows 7 Service Pack 2, to improve basic Windows 7 usability on modern systems and fully update Windows 7. 项目地址: https://gitcode.com/gh_mirror…...

编程新知 2026/3/29 11:27:19

UEFI启动全流程拆解：从按下电源键到系统加载的幕后故事

UEFI启动全流程拆解&#xff1a;从按下电源键到系统加载的幕后故事 当你按下电脑的电源键&#xff0c;短短几秒内&#xff0c;一场精密的交响乐正在硬件深处悄然上演。这场演出的总指挥&#xff0c;正是现代计算机的启动管家——UEFI&#xff08;统一可扩展固件接口&#xff0…...

编程新知 2026/3/29 11:17:17

G-Helper：让华硕笔记本性能释放的轻量级硬件控制工具

G-Helper&#xff1a;让华硕笔记本性能释放的轻量级硬件控制工具 【免费下载链接】g-helper Lightweight Armoury Crate alternative for Asus laptops. Control tool for ROG Zephyrus G14, G15, G16, M16, Flow X13, Flow X16, TUF, Strix, Scar and other models 项目地址…...

编程新知 2026/3/29 10:53:04