小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
沉浸式翻译 immersive translate
Dify.AI
Tailwind CSS v4.3:滚动条、新颜色及更多功能

Tailwind CSS v4.2和v4.3发布了多项新功能。v4.2新增了四种颜色调色板、webpack插件和逻辑属性工具,提升了性能和布局适应性。v4.3引入了滚动条样式、@container-size工具、zoom-*和tab-*工具,增强了CSS的灵活性和可用性。用户可通过npm安装最新版本,体验新功能。

Tailwind CSS v4.3:滚动条、新颜色及更多功能

Tailwind CSS Blog Tailwind CSS Blog · 2026-05-08T20:00:00Z
Browser Extension Dev Extra - 如何找到锁定滚动的元素

由于多邻国 App 存在 Bug,我考虑使用 Web 版本,但体验不佳且有下载推广弹窗。通过 DevTools 找到弹窗元素,解决了滚动条锁定问题,并递归查找导致锁定的元素。可以通过 CSS 恢复正常滚动,建议开发 Extension 或 UserScript 来改善 Web 体验。

Browser Extension Dev Extra - 如何找到锁定滚动的元素

rxliuli blog rxliuli blog · 2026-01-06T12:44:07Z
Neovim 悬浮滚动条 scrollbar.nvim

scrollbar.nvim 是为 Neovim 重写的悬浮侧栏插件,显示当前窗口在文件中的位置,支持鼠标和滚屏操作,可通过 nvim-plug 或 luarocks 安装。

Neovim 悬浮滚动条 scrollbar.nvim

Eric's Blog Eric's Blog · 2025-12-25T00:00:00Z
如何使用CSS实时更新滚动日志?

在网页开发中,创建高效的日志系统至关重要。快速生成日志可能影响用户体验,尤其是在可滚动日志中。本文探讨了如何使用Python和CSS在快速更新时保持滚动条在底部,通过设置定时器和缓冲机制来提升性能,确保用户友好的日志体验。

如何使用CSS实时更新滚动日志?

DEV Community DEV Community · 2025-05-09T02:00:23Z

作者计划在网页滚动时添加动画角色,如滑板、攀岩或松鼠,以替代传统滚动条,增加趣味性。同时提醒有前庭运动障碍的读者启用减少运动功能。

滚动动画角色

程序师 程序师 · 2025-03-04T04:09:05Z

Mozilla Firefox v133.0.3 修复了书签和历史记录窗口缺少滚动条的问题,提升了用户体验。用户可通过关于页面检查更新或手动下载离线安装文件进行升级。

[下载] Mozilla Firefox v133.0.3修复版本发布 修复部分界面没滚动条问题

蓝点网 蓝点网 · 2024-12-11T02:28:50Z
在网页项目中隐藏滚动条同时保留滚动功能 ✨

在网页项目中,可以通过CSS隐藏滚动条而保留滚动功能,使用样式:.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } 适用于不同浏览器。

在网页项目中隐藏滚动条同时保留滚动功能 ✨

DEV Community DEV Community · 2024-10-31T21:15:56Z

scrollbar.vim是一个支持Neovim和Vim的悬浮滚动条插件,可以在SpaceVim中使用。插件已经基本稳定,可以独立使用。可以在SpaceVim中启用scrollbar,也可以使用插件管理器进行安装。

悬浮滚动条插件 scrollbar.vim

Eric's Blog Eric's Blog · 2024-07-30T00:00:00Z
【现代 CSS】标准滚动条控制规范 scrollbar-color 和 scrollbar-width - ChokCoco

Chrome 121 版本开始支持标准的滚动条样式属性 scrollbar-color 和 scrollbar-width。scrollbar-color 用于设置滚动条的轨道和滑块颜色,scrollbar-width 控制滚动条的宽度,支持的值有 auto、thin 和 none。这两个属性相比于非标准的 ::-webkit-scrollbar 有所进步,但功能仍有限。

【现代 CSS】标准滚动条控制规范 scrollbar-color 和 scrollbar-width - ChokCoco

ChokCoco ChokCoco · 2024-06-12T02:05:00Z

本文介绍了两种隐藏滚动条的方法:一种是通过设置视图容器的属性来控制滚动条的显隐,另一种是通过CSS样式来隐藏滚动条。

uniapp微信小程序隐藏scroll-view滚动条的两种方法

老胡的博客 老胡的博客 · 2024-05-27T04:41:21Z

最近对博客进行了一些小调整,包括修改代码块样式、优化评论渲染规则、修改评论文案和默认设置、美化滚动条、优化网站访问体验和SEO优化。

最近对博客做的一些微调总结

Hsu Yeung 的博客 Hsu Yeung 的博客 · 2023-11-19T11:55:37Z
JavaScript 实现容器滚动条默认出现在底部位置

本文介绍了如何设置父盒子的滚动条,使其在底部显示最新内容。

JavaScript 实现容器滚动条默认出现在底部位置

Lenix Lenix · 2023-09-02T02:20:52Z
使用Tailwind css和JavaScript实现一个简单的返回顶部功能

通过CSS定位按钮位置,使用JavaScript实现点击事件和滚动条位置监听,实现返回顶部功能。

使用Tailwind css和JavaScript实现一个简单的返回顶部功能

碎言博客 碎言博客 · 2023-08-08T08:09:05Z
浏览器JS

本文介绍了浏览器常用的JavaScript方法,包括获取元素尺寸属性和与其他元素的距离,如可视部分尺寸、占据尺寸、滚动尺寸等。还介绍了获取可视区域、滚动条距离、屏幕分辨率、浏览器尺寸等方法。最后提到了获取矩形元素界线和滚动到可视区域的方法。

浏览器JS

Sekyoro的博客小屋 Sekyoro的博客小屋 · 2023-07-30T07:46:22Z

Highcharts使用柱状图时,可以通过配置给X轴添加滚动条来处理数据量过多的情况。滚动条会自动补齐数据项,并根据数据量判断是否需要显示。配置项包括颜色、标题、坐标轴和提示框等。

Highcharts给X轴添加滚动条

Cirry's Blog Cirry's Blog · 2023-05-29T10:49:47Z
Highcharts给X轴添加滚动条

本文介绍了如何在Highcharts中配置柱状图的x轴,以便在数据量过多时添加滚动条。通过设置`scrollablePlotArea`和`scrollbar`,可以优雅地处理数据的可视化,确保图表的可读性和美观性。

Highcharts给X轴添加滚动条

Cirry's Blog Cirry's Blog · 2023-05-29T10:49:47Z
CSS color-scheme 和夜间模式

color-scheme是一个与深色模式相关的CSS属性,用于更改浏览器的配色方案。它可以指定元素的配色方案,如normal、light、dark等。color-scheme的作用范围包括表单控件、滚动条和CSS系统颜色的使用值。与prefers-color-scheme不同,color-scheme不会干涉prefers-color-scheme的判断。使用color-scheme属性可以提升页面的视觉体验。

CSS color-scheme 和夜间模式

Lenix Lenix · 2023-04-04T02:53:34Z

有些时候我们可能会通过元素是否有滚动条来做一些特殊的样式处理,因为在chrome中,滚动条是有大小的。比如bootstrap-table 就通过判断 body上是否有滚动条来偏移 header,使之对齐,不过默认的那个判断有点问题我所知道的大概就是下面两个方法,但是细节有所差异。ele 是需要检查的元素,这里仅展示y轴是否有滚动条,x轴同理最简单的方法funcation...

【学习笔记】js判断元素是否有滚动条

黑羽的个人博客 黑羽的个人博客 · 2022-08-11T09:13:21Z

.demo::-webkit-scrollbar { display: none; /* Chrome Safari */ } .demo { scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-x: hidden; overflow-y: auto; }

css 隐藏滚动条

Mereith's Blog Mereith's Blog · 2022-07-21T02:57:24Z

自定义滚动条

蚊子 蚊子 · 2022-06-23T13:41:50Z
  • <<
  • <
  • 1 (current)
  • 2
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码