误解粉碎机：翻页浏览和滚动条，被虚构的恩怨情仇

误解粉碎机：翻页浏览和滚动条，被虚构的恩怨情仇:

昨天果壳翻译了 Dvice 的一篇文章。译文：网页滚动条，你觉得要取消吗 ？

其内容显然完全曲解了 Håkon Wium Lie 的提议，列出了种种不存在的问题。

看来，原作者和译者都完全没有试用过就贸然发表。

本文主要目的并非讨论该提议是否能够取代滚动条，而在于消除那篇文章所造成的误解。

我们在之前的文章中已经简单介绍过 Opera Reader，使用 CSS Media Query 的形式来实现，目前仅有 Opera 实验室版支持。关于此 CSS 的详细介绍见 W3C 草案。

体验

空谈无用，试过就知。

所以，第一步，我们需要安装 Opera 实验室版：

桌面版：Mac | Linux | Windows

移动版：Opera Mobile for Android

注意： 这是一个实验室版，仅用于开发和测试目的，严重不推荐日常使用。

然后访问这个演示页面。

在手机或平板上你可以用手指来左右翻页，在电脑上你可以用鼠标模拟拖动或使用方向键翻页。

如果你实在不想去安装，那么至少看下这个演示和说明视频：

误解粉碎机

好了，现在大家已经体验过翻页浏览的方式，如果你也看好触屏设备的未来，那让我们回头再来看看 Dvice 的这篇文章（中文翻译摘自果壳）：

First off, how will you skim for things? Skimming a physical book is easy, but not so on an e-book. With scroll bars, users can quickly and easily scan Web content to see whether it’s useful or useless.（首先，用户无法快速浏览整体内容，滚动条可以让用户快速浏览网页内容筛选有效信息，浏览纸质书本是件很容易的事，但用翻页的方法浏览电子书就不那么容易了。）

首先翻页浏览本质上只是将网页从纵向滚动变为横向滑动，并不会增加用户浏览全文的时间；

其次，滚动条一次是滚动 N 行，要滚动一屏幕需要连续的动作，还需要眼睛定位是比较麻烦的，而翻页浏览一个动作正好翻一屏（这不同于横向滚动条），使用更少的动作载入更多内容，对于平板或手机来说，我并不认为纵向滚动优于横向翻页。

The second matter is how do you search for something on a website, if instead of one continuous flow of text (properly formatted), all of your search terms span several pages? I like to find all references to a certain word within one overview.（另外，用户更希望在一个连续的流动的文本界面上看到自己搜索的全部内容。）

Opera Reader 的实现是 CSS Media Query，仅仅改变的是网页排版，网页内容依然是个整体，不会被切割成多个页面。

传统的滚动条模式一个网页也是占了多个屏幕，只是纵向排列和横向排列的区别。所以页内搜索依然和纵向滚动一样的方便。对于查看所有搜索结果是否方便的问题，这和前一点本质上是同一个问题，我不再重复。

What about opening up links? Do those open up in a separate window and just cut right in the middle of, say a 10-page website? Isn’t that breaking the flow of browsing?（而且，如果没有滚动条，新打开的页面应该插入正在浏览的页面之中，还是打开一个新的窗口？倘若链接页面非常多，恐怕十分影响阅读体验。）

这是最让我吐槽的地方。从这点就可以看出这位编辑没有试用过 Opera Reader。新打开的页面自然是在新标签/窗口中，为何要插入到当前页面中？CSS 如何能影响标签行为？

我无法反驳这条观点，因为我不知道该如何去反驳这样一个毫无逻辑的观点。

附

附一：Opera Reader 的实现

1. @media -o-paged {


2. html {


3. height: 100%;


4. overflow: -o-paged-x;


5. }


6. }

这是一个典型的 Media Query，如同 @media screen 一样，它不会像国内的某些 Wap 网站一样将一个页面切成若干个分页（反人类啊），不会比普通方式浪费更多的流量/消耗更多的加载时间，不会影响非兼容浏览器下的渲染效果，不会…

当然，这个 目前还处于草案阶段，有许多不完善的地方，很多情况的处理还没有定义好，请给多些时间。

附二：关于 Håkon Wium Lie

Håkon Wium Lie （Håkon 不是 Hakon ），挪威人，网页标准的积极推进者， Opera Software ASA 的 CTO，曾在 CERN 和 W3C、INRIA、Telenor 等机构参与研究工作。

于 1994 年提出的 CSS 概念而被称为 CSS 之父，另外他发起的 Web 通用字体、video 标签的倡议已成为标准。

附三：跨界有风险，翻译需谨慎。

果壳是个好网站，长期订阅中。尤其喜欢谣言粉碎机这个栏目。

我不了解他们对于翻译的采用原则，但是类似这样的翻译文章是否应该更谨慎点？连名字都写错。

空谈无用，试过再说。

附四：创新

创新就是敢于向传统习惯发起挑战，是否会普及是另一回事。

我个人并不认为这个特性可以完全取代滚动条，也不知道 Lie 是否想完全消灭滚动条。

但是，对于触屏设备阅读网页来说这是很便利的方式。

不管喜欢与否，至少，我们多了一种选择。

[ Opera.IM 原创评论 ]