使用jQuery和更改寬度的動畫div

我試圖在頁面完全加載時將頁面滑入頁面中，之前我使用過CSS，但它並不平滑，所以我切換到使用jQuery 。使用jQuery和更改寬度的動畫div

它非常流暢，但我有一個小問題，我相信有更多經驗的人可以很快解決它。

如果你看看我的輸出，效果不是非常無縫，它似乎卡住了某一點。因爲我在改變寬度的動畫div，我相信有一個更好的方法來做到這一點。

這裏是我的代碼：

$(document).ready(function() { 
    $("#thumbnails").animate({ 
     opacity: 1, 
     width: "800px", 
    }, { 
    duration: 500, 
    specialEasing: { 
    width: "linear" 
    } 
    }); 
});

這裏是輸出鏈接

http://jsbin.com/cuvaxuji/1

來源

2014-07-25 Amir

效果不是非常無縫，它似乎卡在某個點=>意味着？ –

http://jsbin.com/cuvaxuji/2對我來說很順利。同樣在slo-mo中：http://jsbin.com/cuvaxuji/4 – blex

@blex對我來說看起來也很順利，我的問題是因爲我使用了寬度變化，圖片在動畫期間重新排序，你知道我的意思嗎？我想滑動整個呈現的UL，而不是在動畫應用時渲染它們。 – Amir

你們是不是到div幻燈片...滑動使「#thumbnails」位置絕對和寫

$("#thumbnails").animate({ 
     opacity: 1, 
     left: "20px", 
    }

來源

2014-07-25 16:44:52 Alok

使用jQuery和更改寬度的動畫div

回答

相關問題