그것이

를 지터의 원인 내가 해결하기 위해 노력하고있어 문제는 여기에서 볼 수있다 : 나는 아빠의 사업부를 스크롤 할 때 기본적으로 http://jsfiddle.net/AAyLj/14/그것이

, 소년 사업부는/아래로 이동하도록되어 . 이것은 잘 작동하지만 소년 div에 약간의 지터가 있습니다. js가 충분히 빠르게 처리되지 않기 때문입니다. 강력한 Mac에서는 이런 일이 발생하지 않지만 PC에서는 발생합니다.

js 또는 css로이 지터를 극복 할 수있는 방법이 있습니까? 감사.

UPDATE :

나는 위치와 소년 DIV 유지하는 경우 모양을 왜곡 할 페이지 (안 jsfiddle 참조)에 다른 요소가 있기 때문에 내가 고정 된 위치를 사용할 수 없습니다 : 고정가.

출처

2012-09-05 synchy5

소년 또는 소녀? – lolol

jQuery를 사용하여이 작업을 수행해야합니까? – Blender

답을 얻었고 제대로 작동하는 경우 대답의 왼쪽에있는 체크를 클릭하여 아래에서 올바른 답을 수락하면 녹색이됩니다. –

karthikr이 말한 것처럼 CSS position: fixed을 사용해야합니다. 그것이 원하는 것이 아니면 animate 함수를 사용할 수 있습니다. 그것은 그것에 작은 지연을 제공합니다.

내 말은 jsFiddle을 참조하십시오.

출처

2012-09-05 21:59:25

감사합니다. 나는 내 질문에 내가 고정 된 위치를 사용할 수 없다고 진술 했어야했다. 몇 가지 이유가 있습니다. 1) 소년 div가 papa div 안에 포함되어야합니다. 2) divs가 확장되고 계약되는 다른 div (내 jsfiddle에 표시되지 않음)가 있으며, 위치를 정하면 모양이 망가질 것입니다. div로 고정 된 소년. – synchy5

사실이 답변은 작동하는 것 같습니다. 모두와 Rune에게 감사드립니다! 보기 : http://jsfiddle.net/AAyLj/29/ – synchy5

이 CSS로 시도해 보시기 바랍니다. http://jsfiddle.net/AAyLj/27/

.papa { 
    min-height: 500px; 
    height: 500px; 
    background-color: yellow; 
    position: relative; 
    top: 200px;  
    overflow: scroll; 
    width: 100%; 
    padding-top:10px; 
} 
.boy { 
    height: 200px; 
    min-height: 200px; 
    background-color: gray; 
    position: fixed; 
    margin-top: 200px;  
    width: 70%; 
    float:left; 
} 

.girl { 
    height: 800px; 
    min-height: 800px; 
    background-color: red; 
    position: relative; 
    width: 30%; 
    float: right; 
}

출처

2012-09-05 22:29:21 phaberest

죄송합니다, @karthikr이 이미 답변을 보지 못했습니다. – phaberest

답변

관련 문제