2012-02-10 22 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">