2016-01-05 76 views
1

我在網站上工作,似乎無法擺脫頁面加載的「頁面捕捉」。我最初使用node.js創建了該應用程序,並使用yeoman gulp webapp generator將其轉換爲靜態頁面。頁面加載中間/從右到左

爲了說明,我創建了一個GIF:

page jumping

整個網站是可在我的github,這是essentally一些語義的UI組件用我自己的CSS。要貼緊prvent頁面,添加以下樣式身體:

margin: 0; 
padding: 0; 

我認爲這將阻止該網頁搶購,但我覺得我失去了一些東西。任何幫助是極大的讚賞!

回答

2

得到了問題。這是因爲你的內容一開始並沒有生成,而是因爲內容而變得寬泛。爲了解決這個問題,給min-width

.column.features .ui.compact.segment { 
    min-width: 450px; 
} 

我看得出來增加這個CSS修復它。也許你可以在你的內容通過AJAX加載後刪除它。

+0

真棒,謝謝 – pingo

+0

@pingo工作? –

+0

嗨Praveen - 它似乎適用於中間對齊,但現在它是從右到左(如在體驗頁面上)彈起@PraveenKumar – pingo