Jquery 스크롤링 이미지가 IE에서 작동하지 않습니다.

간단히 말해, 이미지를 상하 좌우로 이동하지 마십시오. 이 jquery 비트를 찾아 내 자신을 돕기 위해 그것을 변경했으며 크롬과 파이어 폭스에서 작동하지만 Lord는 IE (항상 그렇듯이)를 도와줍니다.Jquery 스크롤링 이미지가 IE에서 작동하지 않습니다.

이걸로 만들려고 시도 : http://demo.rickyh.co.uk/css-position-x-and-position-y/ 가운데 하나. 크롬 및 ffox의 작품 그냥 IE 9

/*js*/ 
$(document).scroll(function(){ 
var $this = $(this); 
$(".natface").css('left', 114 - $this.scrollLeft()); 
}); 

/*css */ 
.natface{ 
position: fixed; 
left: 114px; 
width: 88px; 
height: 93px; 
z-index: -2; 
}

이 날 스크롤 및 페이지 아래이 이미지가 아래로 여행을 가질 수 있습니다,하지만 난 창을 작게하고 스크롤 할 때 오른쪽이 왼쪽 좌우로 스크롤하지 않는 곳으로 이동합니다. 이것은 IE에서 슬프게도 내가 작은 창을 만들지 만 오른쪽으로 스크롤 할 때 여전히 오른쪽으로 스크롤하기 때문에 그렇습니다.

이미지의 여백 라인 박스를 이미지의 왼쪽 아래쪽을 약간 아래로 스크롤하면 이미지가 마치 텍스트 상자를 말하고있는 것처럼 보입니다. 그게 내 의도 야.

나는이 모든 것에 또한 아주 익숙하다. 그래서 내가 잘못 가고있는 곳을 알기가 어렵다. 죄송합니다 처음 stackoverflow뿐만 아니라 jusing.

출처

2012-10-12 Vex Silver

편집 : 당신은 완전히 질문을 변경하고 지금은 조금 혼란스러워합니다. 나는 당신이 quirksmode에서 실행하고 있기 때문에 위치 고정 및 IE 문제가있을 것이라고 생각합니다. 위치 : IE에서 작동하도록 수정 된 경우 strict doctype이 필요합니다.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

도 여기에 내 옛날 대답을 떠나 :

는 CSS 속성 position:fixed있다, 그러나이 속성은 IE6 및 iOS 4 내가 생각에서 지원되지 않습니다.

위치 : 당신은 자바 스크립트를 사용 싶다면 고정 JSFiddlehttp://jsfiddle.net/DLeYv/1/

,이 같은은 수평 및 수직 스크롤 할 것 :

는

$(".natface") 
    .css('top', 114 + $this.scrollTop()) 
    .css('left', 100 + $this.scrollLeft());

이로 스크롤 할 수있는 클래스 .natface에 아무것도 알려줍니다 창과 동일한 픽셀 양이 스크롤되고 (scrollTop) 또 한 114 픽셀 아래로 스크롤 된 왼쪽과 같은 양이 표시됩니다.

.natface 요소가 작동하려면 "절대"위치가 있어야하고 다른 위치 지정된 요소 안에 있지 않아야합니다 (예 : <body> 태그 내부에 있음).

JSFiddlehttp://jsfiddle.net/DUnUm/2/

출처

2012-10-12 22:29:18 Jan

난 당신이 말했지만, 나는 아래로 스크롤 지금은 이상한 단지 내 페이지를 아래 위로 스크롤 아래로 내가 왼쪽에서 오른쪽으로 (혼란)에서 스크롤 할 경우 스크롤하지 않고 또는 위로. –

피들 링크를 사용해보세요. 예상대로 작동합니까? Chrome에서만 시도했지만 IE에서도 작동해야합니다. – Jan

아 멋지게 작동하지만, 창을 더 작게 만든 다음 오른쪽으로 옮길 경우 페이지 아래로 스크롤하는 텍스트가 왼쪽에서 오른쪽으로 움직일 수 있는지 여부는 알 수 없습니다. –

Jquery 스크롤링 이미지가 IE에서 작동하지 않습니다.

답변

관련 문제