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: 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…...
转置卷积的应用
目录 矩阵转置 一、转置卷积的背景 二、转置卷积的应用 三、转置卷积的区别 卷积 矩阵转置 矩阵的转置在信息处理中起到了重要的作用。在计算机科学领域，矩阵常用于表示图像、音频和视频等多媒体数据。当我们需要对这些数据进行处理时，常常需要进行…...
常见的移动端布局
流式布局（百分比布局） 使用百分比、相对单位（如 em、rem）等来设置元素的宽度，使页面元素根据视口大小的变化进行调整。这种方法可以实现基本的自适应效果，但可能在不同设备上显示不一致。 <!DOCTYPE ht…...
Typore 亲测有效（懂得都懂哈）
Typore 亲测从安装到使用，可以使用（具体是什么懂得都懂哈） 网盘下载地址:链接：https://pan.baidu.com/s/1w0UiS1szxnO9Lxz6sbXEKg?pwdqwe1 提取码：qwe1 第一步： 下载压缩包进行解压，解压过…...
Kyligence Copilot 登陆海外，斩获 Product Hunt 日榜 TOP 2
8月14日，AI 数智助理 Kyligence Copilot 在全球知名科技产品平台 Product Hunt 上线，其以出色的产品创新实力，在激烈的竞争中脱颖而出，仅仅在 24 小时内收获了超过 400 个投票和近 200 条支持评论，荣登当日产品榜排名第…...
【Docker】Docker 的基本概念和优势，基本命令及使用例子
Docker 是一种轻量级的容器化解决方案，能够快速地创建、部署和运行应用程序。以下是一些 Docker 的基本概念和优势： 基本概念： 1.镜像：一个 Docker 镜像是一个可执行的文件，其中包含了运行应用程序所需要的一切。 2.容…...
[4])
高并发内存池(回收)[4]
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);// 当链表长度大于一次…...
分布式事务篇-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 去掉手写的数据源代…...
718. 最长重复子数组
718. 最长重复子数组 原题链接：完成情况：题解：方法一：动态规划方法二：滑动窗口方法三：二分查找 哈希 原题链接： 718. 最长重复子数组 https://leetcode.cn/problems/maximum-length-of-repe…...
Mysql join加多条件与where的区别
最近在项目中遇到一个问题，感觉有点意思，在解决问题及查阅了相关资料后，打算写篇文章给朋友们分享一下。 问题现象： 问题是很常见的空指针问题，后端查询数据库数据，遍历进行相关业务处理时报空指针。通过…...
div滚动条自动滚动到底部
<div id"center"></div>// 滚动条到最底部scrollToBottom(){var box document.getElementById(center);this.$nextTick(() > {box.scrollTop box.scrollHeight})},...
【深度学习】实验02 鸢尾花数据集分析
文章目录 鸢尾花数据集分析决策树K-means 鸢尾花数据集分析 决策树 # 导入机器学习相关库 from sklearn import datasets from sklearn import treeimport matplotlib.pyplot as plt import numpy as np# Iris数据集是常用的分类实验数据集， # 由Fisher, 1936收集…...
AI大模型潮水中，医疗数字化加速「求解」
蝴蝶挥动翅膀，医疗行业每个角落开始连锁反应，曾经被忽视的问题也愈发明显。但与之对应的是，对数字化和AI大模型的价值认可，在中国医疗赛道也正在加速来临。 作者|斗斗 编辑|皮爷 出品|产业家 重庆市某地方人民医院…...
【安卓】自定义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…...
面试题. 搜索旋转数组
搜索旋转数组。给定一个排序后的数组，包含n个整数，但这个数组已被旋转过很多次了，次数不详。请编写代码找出数组中的某个元素，假设数组元素原先是按升序排列的。若有多个相同元素，返回索引值最小的一个。 示例1: 输入…...
前端需要理解的数据治理与异常监控知识
1 数据治理 前端数据治理的重要指标是准确性和数据，一个数据对象包括数据值和其他元数据。 2 数据上报方式 2.1 Image 通过将采集的数据拼接在图片请求的后面，向服务端请求一个 1*1 px 大小的图片（gif）实现的，设置…...
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…...
【论文解读】基于图的自监督学习联合嵌入预测架构
一、简要介绍 本文演示了一种学习高度语义的图像表示的方法，而不依赖于手工制作的数据增强。论文介绍了基于图像的联合嵌入预测架构（I-JEPA），这是一种用于从图像中进行自监督学习的非生成性方法。I-JEPA背后的idea很简单ÿ…...
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…...
【PHP】PHP文件操作详解
PHP是一种广泛使用的服务器端脚本语言，用于开发Web应用程序。在PHP中，文件操作是一项重要的功能，包括文件的读取、写入、删除和其他操作。本文将详细介绍PHP文件操作的各个方面，并通过示例代码进行说明。 一、文件读取 要读取一…...
: K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？)
云原生核心技术 (7/12): K8s 核心概念白话解读(上)：Pod 和 Deployment 究竟是什么？
大家好，欢迎来到《云原生核心技术》系列的第七篇！ 在上一篇，我们成功地使用 Minikube 或 kind 在自己的电脑上搭建起了一个迷你但功能完备的 Kubernetes 集群。现在，我们就像一个拥有了一块崭新数字土地的农场主，是时…...
解决Ubuntu22.04 VMware失败的问题 ubuntu入门之二十八
现象1 打开VMware失败 Ubuntu升级之后打开VMware上报需要安装vmmon和vmnet，点击确认后如下提示 最终上报fail 解决方法 内核升级导致，需要在新内核下重新下载编译安装 查看版本 $ vmware -v VMware Workstation 17.5.1 build-23298084$ lsb_release…...
前端导出带有合并单元格的列表
// 导出async function exportExcel(fileName "共识调整.xlsx") {// 所有数据const exportData await getAllMainData();// 表头内容let fitstTitleList [];const secondTitleList [];allColumns.value.forEach(column > {if (!column.children) {fitstTitleL…...
三体问题详解
从物理学角度，三体问题之所以不稳定，是因为三个天体在万有引力作用下相互作用，形成一个非线性耦合系统。我们可以从牛顿经典力学出发，列出具体的运动方程，并说明为何这个系统本质上是混沌的，无法得到一般解…...
用docker来安装部署freeswitch记录
今天刚才测试一个callcenter的项目，所以尝试安装freeswitch 1、使用轩辕镜像 - 中国开发者首选的专业 Docker 镜像加速服务平台 编辑下面/etc/docker/daemon.json文件为 {"registry-mirrors": ["https://docker.xuanyuan.me"] }同时可以进入轩…...
Swagger和OpenApi的前世今生
Swagger与OpenAPI的关系演进是API标准化进程中的重要篇章，二者共同塑造了现代RESTful API的开发范式。 本期就扒一扒其技术演进的关键节点与核心逻辑： 🔄 一、起源与初创期：Swagger的诞生（2010-2014） 核心…...
rnn判断string中第一次出现a的下标
# coding:utf8 import torch import torch.nn as nn import numpy as np import random import json""" 基于pytorch的网络编写 实现一个RNN网络完成多分类任务 判断字符 a 第一次出现在字符串中的位置 """class TorchModel(nn.Module):def __in…...
让回归模型不再被异常值“带跑偏“，MSE和Cauchy损失函数在噪声数据环境下的实战对比
在机器学习的回归分析中，损失函数的选择对模型性能具有决定性影响。均方误差（MSE）作为经典的损失函数，在处理干净数据时表现优异，但在面对包含异常值的噪声数据时，其对大误差的二次惩罚机制往往导致模型参数…...
如何更改默认 Crontab 编辑器 ？
在 Linux 领域中，crontab 是您可能经常遇到的一个术语。这个实用程序在类 unix 操作系统上可用，用于调度在预定义时间和间隔自动执行的任务。这对管理员和高级用户非常有益，允许他们自动执行各种系统任务。 编辑 Crontab 文件通常使用文本编…...
NPOI Excel用OLE对象的形式插入文件附件以及插入图片
static void Main(string[] args) {XlsWithObjData();Console.WriteLine("输出完成"); }static void XlsWithObjData() {// 创建工作簿和单元格,只有HSSFWorkbook,XSSFWorkbook不可以HSSFWorkbook workbook new HSSFWorkbook();HSSFSheet sheet (HSSFSheet)workboo…...