文章标签

双向滚动：有什么不好的？

来自 Adam Silver 的一些小熊思考……

Chris Coyier 于 2020 年 11 月 6 日

一个返回页面顶部的按钮允许用户快速返回页面顶部，而无需花费太多精力。当页面内容很多时，这非常有用……

Marcel Rojas 于 2020 年 10 月 5 日

滚动

电子游戏《毁灭战士》在玩家受到攻击时会以红色闪烁屏幕。Chris Johnson 不仅借鉴了这个想法，还将《毁灭战士》中的许多 UI 融入到这个名为 Doom Scroller 的俏皮 JavaScript 库中。获取…

Chris Coyier 于 2020 年 8 月 25 日

你怎么知道一个页面（或页面上的任何元素）是否可以滚动？好吧，如果它有滚动条，这是一个很好的指示。你可能仍然需要与你的客户争论“页面折叠”或其他什么，但我…

Chris Coyier 于 2020 年 8 月 14 日

滚动

Hakim El Hattab 在推特上发布了一个非常棒的小型用户体验增强功能，适用于包含可滚动导航侧边栏的静态网站。…

Chris Coyier 于 2020 年 7 月 9 日

滚动

来自 Knut Melvær 的一些不错的技巧。

最终，这个技巧归结为计算你在页面上滚动了多远，并将标题更改为显示它，例如

document.title = `${percent}% ${post.title}`

Knut 的技巧假设使用 React 并安装一个…

Chris Coyier 于 2020 年 5 月 12 日

滚动是我们所有人都知道并在网络上做的事情，以至于它成为了一种期望，或者可能是一种习惯，就像刷牙一样。这可能是我们没有过多考虑滚动设计的原因…

Preethi 于 2020 年 3 月 24 日

我非常喜欢 Sandwich 网站的设计。在众多漂亮的功能中，这些标题带有彩虹下划线，它们会随着滚动而移动。这不是滚动劫持——它只是一个次要的设计功能，使用滚动位置来…

Chris Coyier 于 2019 年 12 月 23 日

也许向用户提供此功能的最简单方法是一个链接，该链接指向 <html></html> 元素上的 ID。所以就像…

<html id="top">
  <body>
     <!-- the entire document -->
     <a href="#top">Jump to top of page</a>
  </body>
</html>

但是…

Chris Coyier 于 2019 年 9 月 2 日