jQuery 고정 위치 스크롤 깜박임 수정?

http://designobvio.us/DoUs/directPro.html jQuery 고정 위치 스크롤 깜박임 수정?

jQuery를 스크립트

$(window).scroll(function() { 
$('#nav').css('top', $(this).scrollTop() + "px"); 
});

해달라고, 그것은 FF에서 잘 보이는 IE와 크롬의 깜박임 .. 문제를 해결하는 방법에 대한 단서도 테스트 사파리를

<nav id="nav" class="grid_2">  
    <ul> 
    <li><a href="#"><span>↗</span>Portfolio</a></li> 
    <li><a href="#">Blog</a></li> 

    <li><a href="#">About Me</a></li> 
    <li> 
     <ul class="secondaryUL"> 
      <li><a href="#">business</a></li> 
      <li><a href="#">skills</a></li> 
      <li><a href="#">service</a></li> 
     </ul> 

    </li> 
    <li><a href="#">me</a></li> 
    <li><a href="#">contact</a></li> 
</ul>  
</nav>

HTML 에. http://designobvio.us/DoUs/directPro.html

jQuery를 사용하고 있으므로이 모든 조정을 위해 모든 CSS를 조정해야합니다. 누구든지 이것을 불완전하고 진실되게 깨끗하게하는 방법에 대한 아이디어가 있습니까?

출처

2012-02-19 Matthew Harwood

자바 스크립트에서 만족스럽게 수행 할 수있는 방법이 없다고 생각합니다. 대부분의 브라우저에서는 항상 깜박 거립니다. 마지막으로 시도한 내용은 사용 중이 었음 position:fixed.

출처

2012-02-19 11:16:46 Andy

나는 당신이 옳다고 생각합니다. Lol thanks andy –

animate를 사용해보세요. 도움이 될지도 몰라.

$(window).scroll(function() { 
    $('#nav').animate({top: $(this).scrollTop()}, 100); 
});

테스트하지 않았기 때문에 작동하지 않을 수도 있습니다. 지속 시간을 100으로 설정했지만 지속 시간을 사용하여 더 부드러운 효과를 내기를 원할 수도 있습니다.

출처

2012-02-19 11:29:06

이것은 실제로 크롬에서 더 잘 작동하지만 브라우저의 나머지 부분에서 깨졌습니다 (orginally worked). 슬라이더가 이동 한 거리를 제어 할 수있는 방법이 있다면이 트릭을 수행 할 것이라고 생각합니다. 아아 나는 jquery에 아주 새롭다; 이 스크립트조차도 다른 stackoverflow 롤에서 가져 왔습니다. 당신의 도움을 주셔서 감사합니다 - –

jQuery 고정 위치 스크롤 깜박임 수정?

답변

관련 문제