滾動條樣式更改

::-webkit-scrollbar 滾動條整體部分,可以設置寬度啥的
? ?::-webkit-scrollbar-button 滾動條兩端的按鈕
? ?::-webkit-scrollbar-track 外層軌道
? ?::-webkit-scrollbar-track-piece 內層滾動槽
? ?::-webkit-scrollbar-thumb 滾動的滑塊
? ?::-webkit-scrollbar-corner 邊角
? ?::-webkit-resizer 定義右下角拖動塊的樣式
? ? */
? ? //給有滾動條的div(我的div類名是workBottom)添加如下樣式即可
? ? .workBottom::-webkit-scrollbar {
? ? ? width: 8px;
? ? }

? ? .workBottom::-webkit-scrollbar-thumb {
? ? ? border-radius: 10px;
? ? ? box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
? ? ? background: #C7DDFC;
? ? }

? ? .workBottom::-webkit-scrollbar-track {
? ? ? box-shadow: inset 0 0 5px rgba(0,0,0,0.1);
? ? ? border-radius: 0;
? ? ? background: #C7DDFC;
? ? }
? ? .workBottom::-webkit-scrollbar-track-piece {
? ? ? background:#EFF3F8
? ? }
?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/37191.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/37191.shtml
英文地址,請注明出處:http://en.pswp.cn/news/37191.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

Android布局【RelativeLayout】

文章目錄 介紹常見屬性根據父容器定位根據兄弟組件定位 通用屬性margin 設置組件與父容器的邊距padding 設置組件內部元素的邊距 項目結構主要代碼 介紹 RelativeLayout是一個相對布局,如果不指定對齊位置,都是默認相對于父容器的左上角的開始布局 常見…

TypeScript教程(二)基礎語法與基礎類型

一、基礎語法 TypeScript由以下幾個部分組成 1.模塊 2.函數 3.變量 4.語句和表達式 5.注釋 示例: Runoob.ts 文件代碼: const hello : string "Hello World!" console.log(hello) 以上代碼首先通過 tsc 命令編譯: tsc …

MQTT寶典

文章目錄 1.介紹2.發布和訂閱3.MQTT 數據包結構4.Demo5.EMQX 1.介紹 什么是MQTT協議 MQTT(消息隊列遙測傳輸協議),是一種基于發布/訂閱(publish/subscribe)模式的“輕量級”通訊協議,該協議構建于TCP/IP協…

php、 go 語言怎么結合構建高性能高并發商城。

一、php、 go 語言怎么結合構建高性能高并發商城。 將PHP和Go語言結合起來構建高性能高并發的商城系統可以通過多種方法實現,以利用兩種語言的優勢。下面是一些可能的方法和策略: 1. **微服務架構:** 使用微服務架構,將系統拆分…

安卓快速開發

1.環境搭建 Android Studio下載網頁:https://developer.android.google.cn/studio/index.html 第一次新建工程需要等待很長時間,新建一個Empty Views Activity 項目,右上角選擇要運行的機器,運行就安裝上去了(打開USB調試)。 2…

【Linux】UDP協議——傳輸層

目錄 傳輸層 再談端口號 端口號范圍劃分 認識知名端口號 兩個問題 netstat與iostat pidof UDP協議 UDP協議格式 UDP協議的特點 面向數據報 UDP的緩沖區 UDP使用注意事項 基于UDP的應用層協議 傳輸層 在學習HTTP等應用層協議時,為了便于理解&#xff…

【實操】2023年npm組件庫的創建發布流程

2022年的實踐為基礎,2023年我再建一個組件庫【ZUI】。步驟回顧: 2022年的npm組件包的發布刪除教程_npm i ant-design/pro-components 怎么刪除_啥咕啦嗆的博客-CSDN博客 1.在gitee上創建一個項目,相信你是會的 2.創建初始化項目,看吧&#…

泛型類接口方法學習

一、泛型 1 概念 泛型(Generics),廣泛的類型。最大用途是給集合容器添加標簽,讓開發人員知道容器里面放到是什么類型,并且自動對放入集合的元素進行類型檢查。 類比實參和形參,我們在對方法中的變量操作時,并沒有指…

深入理解高并發編程 - 深度解析 ThreadPoolExecutor 類

ThreadPoolExecutor 是 Java 標準庫中用于創建和管理線程池的核心類之一。它實現了 ExecutorService 接口,提供了豐富的線程池管理功能。下面將通過源碼解析來深入了解 ThreadPoolExecutor 類的工作原理和各個重要部分。 可以在 Java 源代碼中找到 ThreadPoolExecu…

【新品發布】ChatWork企業知識庫系統源碼

系統簡介 基于前后端分離架構以及Vue3、uni-app、ThinkPHP6.x、PostgreSQL、pgvector技術棧開發,包含PC端、H5端。 ChatWork支持問答式和文檔式知識庫,能夠導入txt、doc、docx、pdf、md等多種格式文檔。 導入數據完成向量化訓練后,用戶提問…

兩個pdf合并成一個pdf怎么合并?這幾個方法值得推薦

兩個pdf合并成一個pdf怎么合并?pdf文件的合并是一個很常見的需求,特別是在處理工作文件或學習資料時。為了更好的幫助你了解如何將兩個pdf文件合并成一個,下面就給大家詳細介紹幾種合并方法。 方法一:使用迅捷PDF轉換器 這是一款…

小紅書如何打造爆款引流吸粉?11個秘訣助你秒變達人!

在這個充滿信息和內容的時代,小紅書以其獨特的社交平臺特性和個性化內容吸引了眾多用戶。今天,我們就來揭秘小紅書關注戰略,了解如何在這個平臺上打造獨特的內容體驗,與用戶建立更親近的連接。#小紅書# 1、定位清晰,找…

【論文閱讀】基于深度學習的時序預測——Pyraformer

系列文章鏈接 論文一:2020 Informer:長時序數據預測 論文二:2021 Autoformer:長序列數據預測 論文三:2022 FEDformer:長序列數據預測 論文四:2022 Non-Stationary Transformers:非平…

Python技巧----解壓序列/可迭代對象賦值給多個變量

1 、解壓序列賦值給多個變量 我們這里說的不是正常情況的一一賦值比如下面 >>> data = [ ACME, 5, 9, (2012, 12, 1) ] >>> name, shares, price, date = data >>> name ACME

頁面跳轉和兩個頁面之間的數據傳遞-鴻蒙ArkTS

頁面跳轉和兩個頁面之間的數據傳遞-ArkTS 頁面跳轉和兩個頁面之間的數據傳遞-ArkTS關于router的使用**跳轉頁面的實現方式。**頁面接受跳轉傳遞的參數頁面返回及攜帶參數效果代碼Index頁面Second頁面 參考資料 頁面跳轉和兩個頁面之間的數據傳遞-ArkTS 本篇文章主要是對兩個頁面…

TiDB在科捷物流神州金庫核心系統的應用與實踐

業務背景 北京科捷物流有限公司于2003年在北京正式成立,是ISO質量管理體系認證企業、國家AAAAA級物流企業、海關AEO高級認證企業,注冊資金1億元,是中國領先的大數據科技公司——神州控股的全資子公司。科捷物流融合B2B和B2C的客戶需求&#…

網易有道押寶大模型,打響智能硬件突圍戰

本文轉載自產業科技 自今年開年以來,AI大模型這場火勢能不減,如今已燃到教育領域。 7月26日,網易有道舉辦了“powered by子曰”教育大模型應用成果發布會,推出國內首個教育領域垂直大模型“子曰”,并一口氣發布了基于…

conda - 調研介紹

介紹: conda 是一個工具, 也是一個可執行命令, 其核心功能是管理包與環境. conda 支持多種語言, 用來管理Python包是綽綽有余的. 這里注意區分conda和pip, pip命令可以在任何環境中安裝Python包, 而conda則是在conda環境中安裝任何語言包. 接觸過的conda主要有miniconda與anac…

matlab使用教程(15)—圖論基礎

1.有向圖和無向圖 1.1什么是圖? 圖是表示各種關系的節點和邊的集合: ? 節點 是與對象對應的頂點。 ? 邊 是對象之間的連接。 ? 圖的邊有時會有權重 ,表示節點之間的每個連接的強度(或一些其他屬性)。 這些定…

MySQL8.xx一主兩從復制安裝與配置

搭建環境: 查看系統版本cat /etc/redhat-release [rootwww tools]# cat /etc/redhat-release CentOS Linux release 7.9.2009 (Core) 查看內核版本cat /proc/version 目標: 一主兩從 主機IP 主機名稱 端口 搭建環境 安裝目錄192.168.1.100 docker…