工具与资源tholman.com
Elevator.js:像真实电梯一样的“返回顶部”按钮
Elevator.js – A “back to top” button that behaves like a real elevator
2015 — 2022,它一次次回到首页
黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。
导读
Elevator.js 是 Tim Holman 做的一个前端小项目:把网页的"回到顶部"按钮做成真正电梯的体验——点击后页面缓缓上升,并伴随电梯音乐与到站提示音。它不是实用库,而是一个精心制作的玩笑/彩蛋。
为什么经久不衰:把最枯燥的界面功能变成令人会心一笑的彩蛋,同时恰好戳中多年来关于"回到顶部按钮是否多余"的争论,因此反复被重温。
HN 评论精选
误触导致丢失阅读位置,实际体验弊大于利。
这挺好笑,但我真的很讨厌回到顶部按钮。我在页面上读故事,现实中被分心,换了握手机的姿势,再看屏幕时已经回到顶部,得重新找到读到哪里。我因误触这个按钮损失的时间,大概比它省下的还多。这让我对这类按钮很警惕,有时会切到桌面模式就为了不看到它。
Mirioron查看英文原文
This is pretty funny, but God do I hate back to the top buttons. I'm reading a story on a page with a back to the top button. I get distracted in real life and change the grip on my phone. I look back at my phone to continue reading and I'm at the top of the page. Now I have to find where I was again. I've probably lost more time from accidentally hitting the back to the top button than the button has saved me time. This has made me paranoid about those buttons and I definitely prefer sites not to have them. Sometimes I switch to desktop mode on my phone just so I don't have that button on the screen.
键盘和浏览器本就提供该功能,网站不该自行发明滚动交互。
"回到顶部"恰恰体现了某些现代设计有多脱节。我们键盘上的按键半个世纪以来就在做这件事;手机上则应该由浏览器来实现,没人想用你设计的滚动方式。我的设备已经知道我想怎么浏览内容,别装作你更懂。
kabacha查看英文原文
"back to top" is just such an epitome of how out of touch some modern design is. We had buttons on our keyboards that did this for half a century now. As for phones it should be up to the web-browser to implement it, nobody wants to use your idea of how scrolling should work. My machine already knows how I want to browse my content, don't pretend you know better.
吐槽音效外放,并担忧这类玩笑被做成臃肿的依赖。
我在手机上试的时候,那段蠢蠢的电梯音乐大声外放,把我妻子吵醒了 :/ 说正经的,希望它不会变成又一个我们项目里要用的 250kb JS 框架。
gchokov查看英文原文
It woke up my wife, as I tried it on my phone when the stupid elevator music played it out loud :/ In all seriousness, I hope this will not become another 250kb JS framework we use in our projects..
页面藏有四分钟的电梯音乐,手机上还能继续拖动播放。
不知道为什么底部有那么多空白,但我发现手机上从底部往上拖可以让音乐继续播放。整整四分钟舒缓的电梯音乐。
tjcelaya查看英文原文
I don't know why there's so much empty space at the bottom but I did notice my phone allowed me to continue playing the song if I dragged up from the bottom. It's four full minutes of sweet, relaxing elevator music.
历次讨论
同类还值得读
直接在浏览器中启动 Linux 内核
Boot a linux kernel right inside your browser.
Fabrice Bellard 的 JSLinux 页面,用 JavaScript 在浏览器里启动一个 Linux 内核,并提供一个可交互的终端环境。
工具与资源上首页 5 次 · 2011–2025bellard.orgHacker News 未公开功能与行为清单(2018)
A List of Hacker News's Undocumented Features and Behaviors (2018)
数据科学家 Max Woolf 整理的 Hacker News 未公开功能与行为清单,涵盖投票机制、排名算法、账号惩罚等社区运作细节。
工具与资源上首页 5 次 · 2019–2025github.comMapSCII:在终端中用盲文和 ASCII 渲染地图
MapSCII – Braille and ASCII map renderer for the console
MapSCII 是一个在命令行终端里渲染地图的开源工具,用盲文字符和 ASCII 字符把地理数据画成可交互浏览的字符地图。
工具与资源上首页 5 次 · 2017–2025github.com顶尖大学的免费在线课程
Free Online Courses from Top Universities
Open Culture 整理的一份免费在线课程合集,汇集了全球顶尖大学(如 MIT、斯坦福、耶鲁等)向公众开放的网络课程资源,涵盖音频、视频等多种形式。
工具与资源上首页 5 次 · 2010–2022openculture.com淘气字符串:容易引发用户输入问题的字符串清单
Naughty Strings: A list of strings likely to cause issues as user-input data
一个 GitHub 仓库,收录了大量容易让程序出问题的用户输入字符串,如特殊字符、emoji、SQL 注入片段、系统命令等,供开发者用于测试输入处理逻辑。
工具与资源上首页 4 次 · 2015–2020github.com