如何在CSS溢出DIV中默認圖像的右邊緣？

我有一個頁面上的以下內容：如何在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來做到這一點，那麼這就是我首先嚐試這樣做的方式。

來源

2009-10-22 Guy

我的想法不會這樣做......這是糟糕的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，瀏覽器將嘗試把重點放在錨，有效地滾動到圖像的右邊緣。如果您使用的是像您所擁有的那樣的滾動容器，這可能不起作用，但如果圖像直接嵌入到您的頁面中，則應該可以工作。這對你有用嗎？

來源

2009-10-23 04:43:37

這不起作用，但我認爲你正在嘗試。我可以使用JavaScript來設置焦點並強制滾動嗎？ – Guy 2009-10-23 06:26:09

如何在CSS溢出DIV中默認圖像的右邊緣？

回答

相關問題