css動畫不帶觸發滾動條的定位元素在視口外部

我正在創建從右側滑動到頁面的文本的簡單css動畫。我使用jQuery通過向元素添加類來觸發動畫。但是起始位置必須在視口之外，並觸發底部滾動條出現。如何防止呢？
這是有關CSS片段css動畫不帶觸發滾動條的定位元素在視口外部

h2{ 
position:absolute; 
right:-500px; 
top:190px; 
font-size:45px; 
.transition(3s, linear); 
} 
h2.centered{ 
top:88px; 
left:30%; 
}

來源

2013-07-02 Lord_JABA

你能發佈小提琴再現問題？ – fcalderan

容器上的overflow：hidden將解決您的問題。 – mekwall

可能的重複[禁用水平滾動條由於DIV位置：絕對在頁面之外]（http://stackoverflow.com/questions/6111823/disable-horizontal-scrollbar-due-to-a-div- with-positionabsolute-which-is-outsid） – mekwall

這是你在找什麼？我猜你正在觸發類的變化與JavaScript的某種形式的jQuery。這裏的技巧是設置：

overflow-x: hidden;

你的頁面的主體（雖然這會完全刪除滾動條）。然而，更好的選擇是將「overflow-x：hidden」應用於身體內的容器div。

http://jsfiddle.net/Vnvet/2/

來源

2013-07-02 14:32:58 jezzipin

認爲應該是這樣，但我明天早上會看到。我的錯誤是我將它應用於文本本身，而不是容器。 –

當然它的作品 - 跛腳的問題，索裏 –

css動畫不帶觸發滾動條的定位元素在視口外部

回答

相關問題