V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Visual Studio Code
Sublime Text
IOGraphica
Livid
V2EX  ›  Dev

Deployed: Sticky Reply Box

  •  
  •   Livid · 2020-01-21 18:06:58 +08:00 · 438 次点击
    这是一个创建于 1555 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如果需要在一个主题里 @ 回复多人,应该会感觉到很有帮助的一个更改。

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

    Chrome 79 会出现字体模糊。

    Firefox 72 正常。
    4 条回复    2020-01-22 08:37:20 +08:00
    Livid
        1
    Livid  
    MOD
    OP
       2020-01-21 18:10:03 +08:00
    Livid
        2
    Livid  
    MOD
    OP
       2020-01-21 18:13:13 +08:00   ❤️ 1
    确认 Chrome Canary 81 里已经修复这个问题。
    Livid
        3
    Livid  
    MOD
    OP
       2020-01-22 08:34:54 +08:00
    Sticky reply box 目前的行为逻辑是:

    如果用户点击了回复按钮,或者是用户让文本输入框 focus,那么整个 reply box 元素就会带上 sticky 属性。目前暂时没有设计把这种属性去掉的机制。
    Livid
        4
    Livid  
    MOD
    OP
       2020-01-22 08:37:20 +08:00
    如果用户只是浏览主题,没有点击任何回复按钮,也没有让回复文本输入框 focus 的话,那么就完全不会遇到 sticky 行为。

    目前发现的另外一个问题是在 iOS 13 上滚动时会有闪烁,而且 focus 时有时候文本输入区域会没有位于 active viewport 内。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1011 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 19:44 · PVG 03:44 · LAX 12:44 · JFK 15:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.