負絕對定位，刪除滾動條

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; 
} 

這樣可以防止出現，跨瀏覽器和跨設備的滾動條。