我正在寻找一种使用CSS3 Transition来创建平滑页面滚动的方法。我知道如何使用javascript做到这一点，但如果有办法用CSS3做，我会更喜欢它用于性能目的。
答案 0 :(得分：5)
您无法使用css控制滚动行为。 CSS3过渡使您能够指定元素从状态到另一个状态的方式，滚动是CSS无法访问的浏览器功能。
答案 1 :(得分：2)
您可以使用transform: translate(x,y)来模拟“滚动”，这可以通过transition-property: all使用转换进行动画处理;注意，您必须添加适当的供应商前缀，就像目前的CSS3一样。
参考文献：Mozilla Dev Center: transform，Mozilla Dev Center: CSS Transitions
P.S。使用transform: translate()小心使用百分比 - 取决于元素的包装方式，-100％可以表示下一个“显示高度”内容部分