Как установить по умолчанию правый край изображения в CSS Overflow DIV?

Question

У меня на странице следующее:

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

Если изображение шире 600 пикселей, вы можете прокрутить изображение влево, чтобы увидеть крайнюю правую часть. Однако я хочу установить его по умолчанию, чтобы при первоначальном отображении он уже полностью прокручивался влево.

Я попытался установить стиль изображения: float: left, который работает, но отключает горизонтальную полосу прокрутки.

Идеи

РЕДАКТИРОВАТЬ: Вот страница, которая может помочь объяснить, что я пытаюсь сделать: http://guyellisrocks.com/ie-example/ Видите ли вы, как вы должны переместить полосу прокрутки вправо, чтобы увидеть самый правый край изображения? Я бы хотел, чтобы это было по умолчанию при первом посещении страницы.

У меня нет проблем с этим в JavaScript, и, если это возможно, некоторые советы будут полезны. В противном случае, если это возможно сделать с помощью CSS, я бы сначала попытался это сделать.

Answer 1

Попробуйте добавить привязку справа от изображения. Что-то вроде:

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

Когда или после перехода к странице, если вы добавите привязку #right_of_image к URL-адресу документа, браузер попытается сфокусироваться на привязке, эффективно прокручиваясь к правому краю изображения. Это, вероятно, не сработает, если вы используете контейнер с прокруткой, такой как у вас, но должно работать, если изображение непосредственно встроено в вашу страницу. Это работает для вас?