javascript - 位置 : Fixed is disabling my scroller in IE7

标签 javascript css html css-position

我有一个包含三个新闻滚动条的三列布局(使用 Tiny Scrollbar http://baijs.nl/tinyscrollbar/ )。

业务需要要求此页面在 IE7 中运行。更复杂的是,每个 div 都包含一个 iFrame,因为每个滚动条都必须是一个单独的 HTML 文件。如果我将 div 定位为相对的,当用户单击滚动条进行滚动时,整个框架将向左移动几个像素。按住并移动鼠标会将其左右移动。当我将 div 定位为固定时,框架保持原位,但它的内容(链接、滚动等)被完全禁用。

我提前道歉,我对这些东西还很陌生,而且我会边学边学。有什么建议么?

最佳答案

我猜内容向左移动是因为浏览器的滚动条出现了。您可以禁用 iframe 的滚动条。向 iframe 标记添加一些样式,如下所示:

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

如果还不够,在加载到iframe的页面的body标签中添加一些属性,如:

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

关于javascript - 位置 : Fixed is disabling my scroller in IE7,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9235208/

相关文章:

javascript - 将 li 移动到下一列

css - Gulp中如何匹配返回各种扩展名的文件?

javascript - 按回车键时如何停止 contentEditable ="true"插入 <div> 而不是 <p>?

html - 使用 div 使表格拉伸(stretch)

javascript - 关键字 "this"进入eventHandler函数,运行到类中

javascript - native 代码 typescript 编译器

php - 如何将谷歌自动完成整个 div 移动到另一个 div

javascript - 滑动导航菜单 (sliiide.js) 部分工作

html - 如何避免 iframe 中的 anchor 滚动父页面

javascript - 如何轻松禁用 fancybox 幻灯片?