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

css滚动条样式这样修改下很漂亮

news 2026/1/31 16:36:26

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>滚动条样式修改下很漂亮(不支持IE)</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
.box {
width: 300px;
height: 100px;
margin: 200px auto;
border: 1px solid #CCCCCC;
overflow-y: auto;
}
.box::-webkit-scrollbar-track-piece {
background: #EEEEEE;
border-radius: 4px;
}
.box::-webkit-scrollbar {
width: 8px;
height: 8px;
}
.box::-webkit-scrollbar-thumb {
background: #999999;
border-radius: 4px;
}
</style>
</head>
<body>
<div class="box">
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
<p>我是有滚动条的box</p>
</div>
</body>
</html>

效果图:

在这里插入图片描述

css滚动条样式这样修改下很漂亮

<!DOCTYPE html> <html> <head> <meta charset"utf-8"> <title>滚动条样式修改下很漂亮(不支持IE)</title> <style type"text/css"> * { margin: 0; padding: 0; } .box { width: 300px; height: 100px; margin…...

编程日记 2023/8/26 18:19:58

转置卷积的应用

目录矩阵转置一、转置卷积的背景二、转置卷积的应用三、转置卷积的区别卷积矩阵转置矩阵的转置在信息处理中起到了重要的作用。在计算机科学领域，矩阵常用于表示图像、音频和视频等多媒体数据。当我们需要对这些数据进行处理时，常常需要进行…...

编程日记 2023/8/26 18:18:57

常见的移动端布局

流式布局（百分比布局） 使用百分比、相对单位（如 em、rem）等来设置元素的宽度，使页面元素根据视口大小的变化进行调整。这种方法可以实现基本的自适应效果，但可能在不同设备上显示不一致。 <!DOCTYPE ht…...

编程日记 2023/8/26 18:17:54

Typore 亲测有效（懂得都懂哈）

Typore 亲测从安装到使用，可以使用（具体是什么懂得都懂哈） 网盘下载地址:链接：https://pan.baidu.com/s/1w0UiS1szxnO9Lxz6sbXEKg?pwdqwe1 提取码：qwe1 第一步： 下载压缩包进行解压，解压过…...

编程日记 2023/8/26 18:16:53

Kyligence Copilot 登陆海外，斩获 Product Hunt 日榜 TOP 2

8月14日，AI 数智助理 Kyligence Copilot 在全球知名科技产品平台 Product Hunt 上线，其以出色的产品创新实力，在激烈的竞争中脱颖而出，仅仅在 24 小时内收获了超过 400 个投票和近 200 条支持评论，荣登当日产品榜排名第…...

编程日记 2023/8/26 18:15:52

【Docker】Docker 的基本概念和优势，基本命令及使用例子

Docker 是一种轻量级的容器化解决方案，能够快速地创建、部署和运行应用程序。以下是一些 Docker 的基本概念和优势： 基本概念： 1.镜像：一个 Docker 镜像是一个可执行的文件，其中包含了运行应用程序所需要的一切。 2.容…...

编程日记 2023/8/26 18:14:50

threadcache还给centralcache void ThreadCache::Deallocate(void* ptr, size_t size) {assert(ptr);assert(size < MAX_BYTES);// 找对映射的自由链表桶，对象插入进入size_t index SizeClass::Index(size);_freeLists[index].Push(ptr);// 当链表长度大于一次…...

编程日记 2023/8/26 18:13:49

分布式事务篇-2.4 Spring-Boot整合Seata

文章目录前言一、pom jar导入:二、项目配置：2.1 配置说明：2.1 .1 seata server 端:2.1 .2 seata client 端: 2.2 开启seata 对于数据源的代理:2.3 seata-client 的注册中心：2.4 seata-client 的配置中心：2.5 去掉手写的数据源代…...

编程日记 2023/8/26 18:12:48

718. 最长重复子数组

718. 最长重复子数组原题链接：完成情况：题解：方法一：动态规划方法二：滑动窗口方法三：二分查找哈希原题链接： 718. 最长重复子数组 https://leetcode.cn/problems/maximum-length-of-repe…...

编程日记 2023/8/26 18:11:47

Mysql join加多条件与where的区别

最近在项目中遇到一个问题，感觉有点意思，在解决问题及查阅了相关资料后，打算写篇文章给朋友们分享一下。问题现象： 问题是很常见的空指针问题，后端查询数据库数据，遍历进行相关业务处理时报空指针。通过…...

编程日记 2023/8/26 18:10:46

div滚动条自动滚动到底部

<div id"center"></div>// 滚动条到最底部scrollToBottom(){var box document.getElementById(center);this.$nextTick(() > {box.scrollTop box.scrollHeight})},...

编程日记 2023/8/26 18:09:45

【深度学习】实验02 鸢尾花数据集分析

文章目录鸢尾花数据集分析决策树K-means 鸢尾花数据集分析决策树 # 导入机器学习相关库 from sklearn import datasets from sklearn import treeimport matplotlib.pyplot as plt import numpy as np# Iris数据集是常用的分类实验数据集， # 由Fisher, 1936收集…...

编程日记 2023/8/26 18:08:44

AI大模型潮水中，医疗数字化加速「求解」

蝴蝶挥动翅膀，医疗行业每个角落开始连锁反应，曾经被忽视的问题也愈发明显。但与之对应的是，对数字化和AI大模型的价值认可，在中国医疗赛道也正在加速来临。作者|斗斗编辑|皮爷出品|产业家重庆市某地方人民医院&#xf…...

编程日记 2023/8/26 18:07:43

【安卓】自定义View实现画板涂鸦等功能

一、实现效果二、代码 1、MainActivity.class package com.lsl.mydrawingboarddemo;import androidx.appcompat.app.AppCompatActivity; import androidx.core.content.ContextCompat;import android.os.Bundle; import android.os.Handler; import android.view.View; impo…...

编程日记 2023/8/26 18:05:39

面试题. 搜索旋转数组

搜索旋转数组。给定一个排序后的数组，包含n个整数，但这个数组已被旋转过很多次了，次数不详。请编写代码找出数组中的某个元素，假设数组元素原先是按升序排列的。若有多个相同元素，返回索引值最小的一个。示例1: 输入…...

编程日记 2023/8/26 18:04:37

前端需要理解的数据治理与异常监控知识

1 数据治理前端数据治理的重要指标是准确性和数据，一个数据对象包括数据值和其他元数据。 2 数据上报方式 2.1 Image 通过将采集的数据拼接在图片请求的后面，向服务端请求一个 1*1 px 大小的图片（gif）实现的，设置…...

编程日记 2023/8/26 18:03:36

ip_vs 原理解析（四）hook 后的开始一

文章目录 ip_vs hook 后NF_INET_LOCAL_IN 本章重点： k8s 如何利用 ip_vs 实现源 IP 会话亲和性。 ip_vs hook 后 NF_INET_LOCAL_IN 根据优先级依次是 ip_vs_reply4，ip_vs_remote_request4 ip_vs_reply4| -- ip_vs_out| -- skb_to_full_sk(skb&#xf…...

编程日记 2023/8/26 18:02:35

【论文解读】基于图的自监督学习联合嵌入预测架构

一、简要介绍本文演示了一种学习高度语义的图像表示的方法，而不依赖于手工制作的数据增强。论文介绍了基于图像的联合嵌入预测架构（I-JEPA），这是一种用于从图像中进行自监督学习的非生成性方法。I-JEPA背后的idea很简单&#xff…...

编程日记 2023/8/26 18:01:34

C++ 容器

string 1. 构造 string s1(); // 1 string s2("hello"); // hello string s3(3, k); // kkk string s4("hellohello", 2, 4); // lloh2. 赋值 string s1 "hellohello"; // hellohello string s2.assign(s1); // he…...

编程日记 2023/8/26 18:00:32

【PHP】PHP文件操作详解

PHP是一种广泛使用的服务器端脚本语言，用于开发Web应用程序。在PHP中，文件操作是一项重要的功能，包括文件的读取、写入、删除和其他操作。本文将详细介绍PHP文件操作的各个方面，并通过示例代码进行说明。一、文件读取要读取一…...

编程日记 2023/8/26 17:59:30

调用支付宝接口响应40004 SYSTEM_ERROR问题排查

在对接支付宝API的时候，遇到了一些问题，记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

编程新知 2026/1/20 17:20:27

【人工智能】神经网络的优化器optimizer（二）：Adagrad自适应学习率优化器

一.自适应梯度算法Adagrad概述 Adagrad（Adaptive Gradient Algorithm）是一种自适应学习率的优化算法，由Duchi等人在2011年提出。其核心思想是针对不同参数自动调整学习率，适合处理稀疏数据和不同参数梯度差异较大的场景。Adagrad通…...

编程新知 2026/1/26 18:15:24

测试markdown--肇兴

day1： 1、去程：7:04 --11:32高铁高铁右转上售票大厅2楼，穿过候车厅下一楼，上大巴车 ￥10/人 **2、到达：**12点多到达寨子，买门票，美团/抖音：￥78人 3、中饭&a…...

编程新知 2025/12/14 11:45:02

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决问题背景在一个基于 Spring Cloud Gateway WebFlux 构建的微服务项目中，新增了一个本地验证码接口 /code，使用函数式路由（RouterFunction）和 Hutool 的 Circle…...

编程新知 2026/1/31 6:38:50

laravel8+vue3.0+element-plus搭建方法

创建 laravel8 项目 composer create-project --prefer-dist laravel/laravel laravel8 8.* 安装 laravel/ui composer require laravel/ui 修改 package.json 文件 "devDependencies": {"vue/compiler-sfc": "^3.0.7","axios": …...

编程新知 2025/10/15 0:25:46