display:none in CSS class/id causes viewportChecker to malfunction about viewport-checker

[dirkgroenen]

Hmm sounds a bit weird and I'm not sure if I understand you correctly, but I'm giving it a shot.

• Could it be possible that the hidden elements move some other elements up which make them appear in the viewport on window load?
• Could it be possible that before you add the hidden class the elements are visible in the viewport and therefore getting a class from the checker?

In both scenarios we're talking about milliseconds work.

[dsiglin]

If div has class that has "display: block" or "display" anything other than "none" it will only show after entering the viewport. If div has class that has "display: none" it loads immediately. You can see the problem here:
http://www.davidsiglinphotography.com/Test/

Scroll down one page to the Lifestyle section. Notice that "Lifestyle & Portrait" fades in while the paragraph below does not. That's because the paragraph below fades in immediately on website load. The paragraph below "Lifestyle & Portrait" has the property "display: none" which then gets overridden when the class "visible" is applied.

[dewdot]

I use opacity: 0 to hide elements.

[lunbel1203]

i have this problem, not exist a solution?

[dirkgroenen]

I'm closing this issue due to inactivity (from my side, apologies). Please comment if this issue is still relevant so I can re-open and investigate it.