2012-02-10 38 views
0

我有三個新聞滾動三列布局(使用微型滾動條http://baijs.nl/tinyscrollbar/)。位置:固定是禁用我的滾動在IE7

業務需求決定了此頁面在IE7中的功能。爲了進一步複雜化,每個div都包含一個iFrame,因爲每個滾動條都必須是單獨的HTML文件。如果我將div放在相對位置,當用戶單擊滾動條滾動時,整個框架向左移動幾個像素。按住並移動鼠標將左右移動。當我將div放置爲固定的時候,框架保持原位,但它的內容(鏈接,滾動等)完全禁用。

我很抱歉,我對這些東西還比較陌生,並且隨時瞭解情況。有什麼建議麼?

+0

當我明白你的問題是正確的,那麼這是一種絕對正常的行爲。當你將一個元素定位到固定位置時,滾動對它沒有任何影響,因爲你已經將它固定到了屏幕上的一個特殊點。另一方面,當元素溢出時,它必須爲滾動條留出一些空間並將內容稍稍移動一下。您可以避免在每次顯示滾動條時出現溢出:滾動。 – 2012-02-10 22:03:04

+0

好的。謝謝你澄清,就像我說的,我還在學習,所以我很感激。 - 有什麼我可以做的,當它被定位爲相對的時候阻止它慢跑到左邊? – user1202989 2012-02-10 22:05:06

+0

是的,你可以添加樣式溢出:滾動;那麼每次都會顯示滾動條,並且內容不會發生變化。或者你必須避免完全滾動滾動:隱藏;但我想這不是我想要的。 – 2012-02-10 22:10:30

回答

0

我猜想由於瀏覽器的滾動條出現,內容會轉移到左側。您可以禁用iframe的滾動條。添加一些風格iframe標籤如下所示:

<iframe style="overflow:hidden;"></iframe> 

如果這還不夠,一些屬性添加到其加載到IFRAME喜歡網頁的body標籤:

<body style="overflow:hidden;" scroll="no">