负绝对定位，删除滚动条

Question

我正在使用此网站：http://waterwing.waterwing.ca/

右上角的动画是完美的，除了它创建一个水平滚动条与它的位置。

绝对定位-120px顶部和右侧。我只是想知道我是如何做到这一点所以它不会扩展身体，一旦它碰到页面边缘就会隐藏起来，这样就没有滚动条了。

滚动条似乎不在Windows Firefox上，但在Mac Firefox和Safari上有。

谢谢， 涉

Answer 1

将#corner包裹在另一个div中，并将其设置为动画结束点所占的维度以及绝对位置。将此div上的溢出设置为隐藏，以防止页面溢出并触发滚动。

Answer 2

您也可以将overflow: hidden放在身体上，以相同的方式工作并为您节省一个div

Answer 3

根据您的具体情况，您可以获取div或整个页面的滚动条。在构建响应式网站布局时，我总是写这个CSS：

body {
    overflow-x: hidden;
}

这可以防止出现滚动条，跨浏览器和跨设备。