要实现一个搜索框始终固定在页面顶部，无论用户如何滚动页面，可以使用CSS的position: fixed;属性。fixed定位会使元素相对于浏览器窗口定位，而不是相对于父元素。这使得元素在页面滚动时保持固定位置。

uni 文档中 scroll-view 说明

可滚动视图区域，用于区域滚动。使用竖向滚动时，需要给 scroll-view 一个固定高度，通过 css 设置 height；使用横向滚动时，需要给 scroll-view 添加 white-space: nowrap; 样式。

许多开发者只学了基础——比如修改颜色、设置字体或创建弹性布局——就止步不前。但 CSS 是一门精深而多用途的语言，掌握后能帮你构建优雅、高效且无障碍的界面。

无论你是从零搭建还是微调设计系统，掌握一些高级技巧都能让你脱颖而出。以下是 10 个每个前端开发者都该知道——但令人惊讶的是很多人并不知道——的 CSS 技巧。

IT之家 6 月 24 日消息，Mozilla 在发布版本 139 不到一个月后，推出了最新的开源网页浏览器 Firefox 140。新版本增加了手动 Unload 标签页的功能，优化了垂直标签页的调整方式，并改进了隐私保护措施，同时还为开发者带来了多项更新。

IT之家附上 Firefox 140 下载地址：
https://ftp.mozilla.org/pub/firefox/releases/140.0/

Una Kravets最近在一次演讲中介绍了Chrome 团队支持的 Web UI 的最新进展。一些目前需要大量 JavaScript 的常见 UI 模式可能很快就能通过 HTML 和 CSS 的新功能，以声明式的方式实现，减少自定义 JavaScript 代码，并内置可访问性。

本次演讲重点关注三种特别棘手的 UI 模式：可自定义的选择菜单、轮播和悬停卡片。这三种 UI 模式在设计系统中都很常见，需要使用多行 JavaScript 代码来实现自定义样式、呈现、布局、交互或可访问性模式。随着浏览器供应商不断改进 Web 标准，将这些模式从用户空间整合到浏览器本身，开发者未来可能会减少工作量，只需依赖平台即可。更少的自定义 JavaScript 代码也能提升性能，从而为用户带来益处。拟议的声明式 API 已在至少一个稳定的浏览器引擎中发布。

3.1.3 mxCell

[翻译]
mxCell 是顶点和边的单元对象。mxCell 复制了模型中可用的许多功能。使用上的关键区别是，使用模型方法会创建适当的事件通知和撤销，而使用单元进行更改时没有更改记录。这对于临时视觉效果（如动画或鼠标悬停时的更改）可能有用。但作为一般规则，除非遇到此机制的特定问题，否则使用模型编辑 API。

JS方法：
$(

暗黑模式是一种设计趋势，由暗色（dark）和高亮（light）两种视觉模式组成。暗黑模式之所以成为设计或者 Web 端的热点，主要归功于 Apple 公司，该公司在 iOS 和 macOS 操作系统中加入了暗黑模式，即系统级别的两种皮肤，用户可以通过系统切换，让整个应用的颜色可以轻松切换。暗黑模式流行之后，Windows 和 谷歌也加入了暗黑模式，选多流行的网站和应用程序中都提供了暗黑模式选型。

为大家精心准备了工作中常用的CSS样式，都是自己工作中常用到的记录发，分享给大家，如果觉得可以希望点赞关注和评论。

废话不多说先上图:

今天应UED的要求对项目的滚动条进行美化，原生的滚动条虽然很实用，但确实不美观。