跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • Deployed: Sticky Reply Box
未分類
15 4 月 2020

Deployed: Sticky Reply Box

Deployed: Sticky Reply Box

資深大佬 : Livid 52

如果需要在一个主题里 @ 回复多人,应该会感觉到很有帮助的一个更改。

不过目前发现的一个奇怪问题是,如果让 #reply-box 带上了 sticky 属性,在 Windows 上这个元素的字体渲染就会变糊。

Chrome 79 会出现字体模糊。

Firefox 72 正常。

大佬有話說 (4)

  • 主 資深大佬 : Livid

    Do I really need this evil workaround?

    https://stackoverflow.com/questions/47590013/chrome-issue-blurry-text-sticky-position-and-mobile-devices

  • 主 資深大佬 : Livid

    确认 Chrome Canary 81 里已经修复这个问题。

  • 主 資深大佬 : Livid

    Sticky reply box 目前的行为逻辑是:

    如果用户点击了回复按钮,或者是用户让文本输入框 focus,那么整个 reply box 元素就会带上 sticky 属性。目前暂时没有设计把这种属性去掉的机制。

  • 主 資深大佬 : Livid

    如果用户只是浏览主题,没有点击任何回复按钮,也没有让回复文本输入框 focus 的话,那么就完全不会遇到 sticky 行为。

    目前发现的另外一个问题是在 iOS 13 上滚动时会有闪烁,而且 focus 时有时候文本输入区域会没有位于 active viewport 内。

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具