2013-01-10 4 views
2

이 기능 JQuery와, 사용자가 페이지를 스크롤 할 때 ("검색"이라는 이름의 CSS를) 사업부를 스크롤 ..스크롤 사업부 때 스크롤 페이지

$(window).scroll(function(){ 
    $.each($('.Search'),function(){ 
     var windowpos = $(window).scrollTop(); 
     var finaldestination = windowpos+90; 
     $(this).stop().animate({'top':finaldestination},300); 
    }); 
}); 

이 기능 JQuery와 인터넷에서 작동하지 않습니다 익스플로러 9. 속성 위치를 포함하는 CSS를 시도 : 고정하지만 Internet Explorer 9에서는 작동하지 않습니다. 사용자가 Internet Explorer에서 페이지를 스크롤 할 때 div를 스크롤 할 수있는 솔루션이 있습니까? 기본 영어를 사과드립니다

+2

IE9에서'position : fixed'가 작동하지 않는 유일한 이유는 페이지가 단조 로움 모드로 렌더링되고 잘못된 HTML이있을 때만 발생한다는 것입니다 –

답변

0

IE에서 잘 작동합니다. 내가 검색에 사용되는 CSS는 큐를 삭제, 편집 빠른 애니메이션 전환을

.search { 
    position: absolute; 
    top: 90px; 
} 

Working Demo

입니다.

.stop(true) 
2

에만 CSS를 사용할 수 있습니다 ...

.search { 
    width: 200px; 
    height: 50px; 
    background-color: red; 
    position: fixed; 
    top: 90px; 
} 

Example

인사를 참조하십시오.