如何在CSS溢出DIV中默认图像的右边缘？

问题描述：

<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来做到这一点，那么这就是我首先尝试这样做的方式。

我的想法不会这样做......这是糟糕的UI/UX。用户期望滚动LTR，而不是RTL，除非您正在制作RTL文化特定网站。至于如何做到这一点，我不知道这是可能的，没有一点JS/jQuery – Jason 2009-10-23 00:16:05

是的，你将不得不使用JavaScript。 – Frankie 2009-10-23 00:22:55

等一下，滚动到左边看右边？ – random 2009-10-23 00:23:38

答

尝试在图像右侧添加一个锚点。喜欢的东西：

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

当或导航页面后，如果追加#right_of_image锚的文档的URL，浏览器将尝试把重点放在锚，有效地滚动到图像的右边缘。如果您使用的是像您所拥有的那样的滚动容器，这可能不起作用，但如果图像直接嵌入到您的页面中，则应该可以工作。这对你有用吗？

这不起作用，但我认为你正在尝试。我可以使用JavaScript来设置焦点并强制滚动吗？ – Guy 2009-10-23 06:26:09

如何在CSS溢出DIV中默认图像的右边缘？

相关推荐