일부 div는 "마법처럼"Google 크롬에서만 사라집니다.

나는 공식적으로 내 정신력을 잃어 가고 있으며, 무슨 일이 일어나는지 알아 내려고합니다.일부 div는 "마법처럼"Google 크롬에서만 사라집니다.

My website home page에는 2 개의 열이 있습니다.

왼쪽 열 (흰색)하십시오 후 몇 위젯을 포함하고 :
오른쪽 열 (검정) (페이스 북 홈과 같은) 무한 스크롤 할 수 동적으로 AJAX와 로드 게시물을 포함 특정 스크롤은 고정 (페이 스북 사이드 바처럼)이됩니다. 의사 코드의 논리는 기본적으로 :

입니다.

if(scroll > X){ 
    right column -> position : fixed 
} 
else{ 
    right column -> reset position 
}

Google 크롬 (많은 컴퓨터에서 테스트 됨)을 제외한 모든 브라우저에서 모든 것이 잘 작동합니다. 전체 화면으로 HD 모니터 (유감스럽게도 방문자를 컨버전스 할 수 있음), Y 스크롤 포인트 이후 (Y> X, 오른쪽 열이 이미 고정되어 있으므로 오른쪽 열의 콘텐츠가 모두 검은 색으로 사라짐) 분명히 이유가 없다. 또한, 마우스를 가져 가면 다시 볼 수 있습니다. z-index: 9999으로 시도했거나 overflow으로 게임을했는데 문제가되지 않습니다.

그런 일은 결코 일어나지 않았으므로 해결 방법을 모릅니다. 어떤 생각? 여기에 문제의 스크린 샷은 당신이 필요로하는 경우, 다음과 같습니다

1 단계 : Scroll < X: right column not fixed -> OK

2 단계 : SCroll > X: right column fixed -> OK

3 단계 : Scroll > Y: right content starts to disappear -> What the hell??

4 단계 : Scroll >> Y: right content disappeared completely -> WHAT THE HELL??

출처

2014-11-18 Alberto Fontana

만에 당신과 함께 생각해보십시오.

이 클래스에 Z- 색인을 추가 할 수 있습니까?

.trophy-box-home .trophy-driver { 
     border-color: #333; 
     z-index: 99; 
    }

grts

출처

2014-11-18 20:32:36 Yosoyke

예! 하지만 아무것도 바뀌지 않습니다 ... : \ –

'' 'arround the div'trophy-driver '에'display : block '을 추가하려고합니다. 이런 일을 시도하고 이것이 작동하는지 테스트해야합니다 .. – Yosoyke

일부 div는 "마법처럼"Google 크롬에서만 사라집니다.

답변

관련 문제