2016-03-22 22 views
1

Bazı CSS stilleri aslında bu CSS'yi uygulamadan uygulandıktan sonra öğenin offsetTop değerini elde etmenin bir yolu var mı?JavaScript - Varsayımsal CSS stilleri uygulandıktan sonra bir öğenin offsetTop'unu elde etmenin bir yolu var mı?

Örneğin, bir öğenin CSS şu anda ise:

position: absolute; 
top: 45px; 

o elemanın offsetTop ne olacağını bilmek için bir yol var mı için:

top: auto;

aslında top: auto; uygulamadan ?

Bunu gerçekten uygularsak, kısa bir süre için bile, bir titreme neden olur.

eleman Render ancak (opacity: 0 veya visibility: hidden veya görünümün dışında pozisyon kullanmadan) görünmez tutmak ve JavaScript kullanarak boyutlarını hesaplamak:

+2

Bunu gizli bir öğede yaparsınız (ancak bir ekran değil: hiçbir öğe) ve hesaplayın. Bu, sanırım titremeyi önleyecektir. –

+0

Mükemmel, bu güzel çalışıyor! Lütfen kredi için cevap verin. –

cevap

1

basit bunun için bir hile vardır. Bu şekilde FOUC sorunlarını önleyeceksiniz.

İlgili konular