如何在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像素，则可以向左滚动图像以查看最右边的部分。但是，我想默认它，以便它在最初显示时已完全滚动到左侧。

我已经尝试将图片中的样式设置为浮动：左边有效但禁用水平滚动条。

想法？

编辑：这是一个可能有助于解释我要做的事情的页面：http://guyellisrocks.com/ie-example/ 您是否看到如何将滚动条向右移动以查看图像的最右边？当你第一次点击页面时，我希望它默认为。

我在JavaScript中执行此操作时没有问题，如果可能的话，我会感激一些提示。否则，如果可以用CSS执行此操作，那么我就是第一次尝试这样做。

Answer 1

尝试在图像右侧添加锚点。类似的东西：

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

在导航到页面时或之后，如果将#right_of_image锚点附加到文档URL，浏览器将尝试关注锚点，有效地滚动到图像的右边缘。如果您正在使用类似于您的滚动容器，这可能不起作用，但如果图像直接嵌入页面中，则应该可以正常工作。这对你有用吗？