2009-10-22 5 views
0

는 내가 페이지에 다음과 같습니다 이미지가 600PX가 다음 가장 오른쪽 부분을보고 왼쪽으로 이미지를 스크롤 할 수 있습니다 넓은보다CSS 오버플로 DIV에서 이미지의 오른쪽 가장자리를 어떻게 기본 설정합니까?

<div style="max-width: 600px; overflow-x: scroll;"> 
    <a href="PoolPanoramaBig.jpg" target="_blank"> 
    <img src="PoolPanoramaBig.jpg" style=""/> 
    </a> 
</div> 

합니다. 그러나 초기에 표시 될 때 이미 완전히 왼쪽으로 스크롤되도록 기본값을 설정하려고합니다.

플로팅 할 이미지 스타일을 설정해 보았습니다. 왼쪽에서는 작동하지만 가로 스크롤 막대는 사용하지 않도록 설정했습니다.

아이디어가 있으십니까?

편집 : 다음은 내가하려는 일을 설명하는 데 도움이되는 페이지입니다. http://guyellisrocks.com/ie-example/ 이미지의 가장 오른쪽 가장자리를 보려면 스크롤 막대를 오른쪽으로 움직여야하는 방법을 알고 있습니까? 처음으로 페이지를 쳤을 때 기본 설정으로 지정하고 싶습니다.

자바 스크립트에서이 작업을 수행하는 데 문제가 없으며 가능한 경우 힌트를 제공해 주시면 감사하겠습니다. 그렇지 않으면 CSS를 사용하여이 작업을 수행 할 수 있다면 먼저이 작업을 수행하는 방법입니다.

+0

내 아이디어는이 일을하지 않을 것입니다. UI/UX가 좋지 않습니다. 사용자는 RTL 문화권 특정 사이트를 만들지 않는 한 RTL이 아닌 LTR을 스크롤해야합니다. 그것을하는 방법에 관해서는, 나는 그것이 작은 JS/jQuery없이 가능하다는 것을 모른다. – Jason

+0

그래, 당신은 자바 스크립트를 사용해야 할 것이다. – Frankie

+1

잠깐, 왼쪽으로 스크롤하여 오른쪽을 보시겠습니까? – random

답변

1

이미지 오른쪽에 앵커를 추가하십시오. 같은 뭔가 : 문서의 URL에 #right_of_image 앵커를 추가하는 경우

<img src="foo.jpg"><a name="right_of_image"></a> 

또는 페이지로 이동 한 후, 브라우저 효과적으로 이미지의 오른쪽 가장자리로 스크롤, 앵커에 초점을하려고합니다. 이미지는 스크롤 컨테이너를 사용하는 경우에는 작동하지 않지만 이미지가 페이지에 직접 포함되어있는 경우 작동해야합니다. 이 방법이 효과가 있습니까?

+0

그건 작동하지 않지만 당신이 뭔가있는 것 같아요. JavaScript를 사용하여 포커스를 설정하고 스크롤을 강제 할 수 있습니까? – Guy

관련 문제