跳至内容

除除

菜单
  • GitHub+
  • Bootstrap实战+
  • 留言板
  • 友链
Close search bar

标签: Scroll

IPHONE/H5/IOS 14 版本滚条 / 滑动失效问题

2020年10月27日2025年6月12日除除发表评论
分析了在 IOS 14 系统中绝对定位布局的滑动问题,提出了三种解决方案:完善父元素 CSS 属性,预设更大子元素;调整子模块布局,避免绝对定位;通过定时器重排重绘规避问题。最终总结问题根源在于 IOS 渲染机制,重新设置父元素 overflow 属性可恢复滚动。

监听 scroll 使元素产生吸顶效果

2018年9月12日2025年6月12日除除发表评论
介绍了滚动像素值的获取方式 (window.pageYOffset 和 Element.scrollTop)、滚动事件的监听与移除方法,并通过示例展示了吸顶效果的实现。还讨论了 CSS 属性 position: sticky 的特性及其兼容性问题,建议慎用该属性于生产环境中,同时提供相关参考资料供深入学习。

分类目录

  • HTML/CSS (42)
  • JavaScript (116)
  • UI 设计 (1)
  • 分享 (7)
  • 后端 (56)
  • 客户端 (1)
  • 工具 (5)
  • 数据结构与算法 (14)
  • 文章 (25)
  • 旅行 (3)
  • 日记 (20)
  • 烹饪 (16)
  • 睡前故事 (4)
  • 网络协议 (4)
  • 读书笔记 (39)
  • 运维 (38)

近期文章

  • - Promise: 异步编程的理解和使用
  • - 前端性能和加载体验优化实践(附:PWA、离线包、内存优化、预渲染)
  • - Postman 使用小技巧/指南

合集

  • - Git 常用命令
  • - npm 常见问题
  • - Webpack 常用配置
  • - 常用横幅尺寸

小工具

  • - 短链接在线生成
  • - Markdown 转 HTML
  • - 拼单计算器
  • - Nginx Tester
  • - 前端常用库 CDN
  • - 开放实验室 · API 文档

标签

ASP Async Bootstrap C CSS CSS3 Debian DOM ECMAScript ECMAScript6 ES6 Front-End Notes Git GitHub GitLab Go Golang H5 HTML HTTP IE JavaScript jQuery JScript Linux MySQL Nginx Node.js npm PHP Promise SQL SQLServer Vue Webpack 优化 异步 性能 散列 数据结构 正则表达式 炒 算法 缓存 鸡蛋
Copyright © 2025 除除 - 苏ICP备16050427号-3
Scroll to top