css - 负绝对定位，移除滚动条

Question

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

它绝对位于顶部和右侧 -120 像素。我只是想知道如何制作它，这样它就不会扩展正文，并且一旦它碰到页面边缘就会隐藏起来，这样就没有滚动条了。

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

谢谢，韦德

score 6 · Accepted Answer

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

score 2 · Accepted Answer

2

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

于 2011-12-02T15:29:36.947 回答

score -1 · Accepted Answer

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

body {
    overflow-x: hidden;
}

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

3 回答 3