讓我再深入解釋一下。我期待有一個關閉屏幕。當用戶點擊一個按鈕時,我想讓div轉換到屏幕上。如何獲取屏幕外的div並使用translateX()將其翻譯到屏幕中間
<a href="#" id="button">Click Me</a>
<div style="position:absolute;left:-100%;width:80%;height:80%;background:yellow; id="block" class="objecttransition"></div>
這裏是JS:
$("#button").click(function(){
$("#block".addClass("move");
}):
這裏是CSS:
.move
{
transform: translateX($$);
-webkit-transform: translateX($$); /** Safari & Chrome **/
-o-transform: translateX($$); /** Opera **/
-moz-transform: translateX($$); /** Firefox **/
}
.objecttransition
{
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear; /** Chrome & Safari **/
-moz-transition: all 0.5s linear; /** Firefox **/
-o-transition: all 0.5s linear; /** Opera **/
}
我現在的問題是多少錢,我的塊移動到要確保正確的無論屏幕大小如何,塊總是在屏幕中間?
爲什麼不ü'顯示:none'它,只是顯示它需要的時候呢? – deW1
爲什麼你不使用切換?或動畫? – Dwza
原因是我想在phonegap應用程序中使用這些動畫。我之前使用過動畫,問題是它的運行非常糟糕,與切換相同。但是當我直接使用css時,它可以很好地用作電話應用程序 – user481610