很多人用 overflow: scroll 是想“确保能滚动”,结果发现滚动条永远存在,占空间、影响布局,尤其在 macOS 上还带惯性滚动干扰点击。这不是 bug,是规范行为:scroll 的语义就是「始终启用滚动机制」,浏览器必须渲染滚动条(哪怕没内容可滚)。
js
精选推荐
css如何让链接颜色自动适配主题_结合currentColor继承方案
C#如何使用反射获取类型信息 C# Reflection入门指南
最新动态
CSS溢出内容处理_overflow属性的scroll、hidden与auto
CSS伪类:read-only与:read-write_只读状态的样式美化
浏览器只认 DOM 属性 readonly(布尔属性),不看 contenteditable="false" 或 disabled,也不管 JS 是否锁了输入逻辑。哪怕你用 input.setAttribute(‘readonly’, ‘readonly’),只要属性存在,:read-only 就生效;删掉就失效。
CSS过渡时长transition-duration_控制动画快慢的技巧
不会。把 transition-duration 设为 0s 或 0ms,浏览器直接跳变,不走过渡流程——哪怕其他 transition 属性(如 transition-property、transition-timing-function)都配好了。
CSS异步加载方案_使用preload属性优化样式表下载
浏览器对 link rel="preload" 的资源类型校验很严格:如果 as 属性写错,或 href 指向的不是实际 CSS 文件(比如带了服务端重定向、MIME 不匹配),它就只会下载,不会执行解析和应用。常见现象是 Network 面板里看到请求完成,但样式没生效,控制台也没报错。
Sublime如何配置GraphQL语法高亮?(API开发支持)
Sublime Text 默认不带 GraphQL 支持,装了插件但没反应,大概率是插件没激活或文件关联错了。常见现象是 .graphql 或 .gql 文件打开后全是白色文本,连注释都不变色。
CSS内边距Padding详解_四个方向的独立设置技巧
直接说结论:padding: 10px 20px 30px 40px 的顺序是固定的——上、右、下、左,顺时针。写反了(比如误以为是“上下左右”)会导致视觉错位,尤其在卡片、表单等对称布局中特别明显。
CSS定位在登录页面装饰中的应用_漂浮背景元素的随机排布
登录页里那种轻盈浮动的装饰小圆点、微粒或图标,靠 position: absolute 定位到 body 或登录容器内层,再用 transform: translateX() 和 translateY() 配合 animation 做无抖动位移最稳妥。别用 left/top 动画——重排开销大,尤其在移动端会卡顿。
CSS过渡属性transition-property_指定哪些样式参与动画
它不是“开关”,而是白名单机制:只对列表里明确写出的 CSS 属性做过渡,其余一概忽略。常见错误是写成 transition-property: all 却期望 display 或 height(从 0 到 auto)能动——这两者根本不在可动画属性列表里。
如何在网页中实现 JSON 数据的列表展示与点击详情切换
本文介绍一种轻量、可维护的前端方案:通过 javascript 动态加载 json 文件,初始仅渲染人员姓名列表;点击任一姓名后,在页面上弹出该人员的完整信息(含姓名、电话、邮箱),并支持一键关闭。全程无需后端 php 渲染,纯前端驱动。
达内教ThinkPHP吗_框架学习内容与实战应用【教程】
达内不教 ThinkPHP。达内目前公开的 Java、Python、前端(HTML/CSS/JS + Vue/React)、大数据、网络安全等方向课程,教学框架以 Spring Boot、Django、Flask、Vue 3、React 18 等为主。ThinkPHP 未出现在其官网课程大纲、宣传资料或近年学员反馈的授课内容里。