javascript - 如何在浏览器尺寸缩小时使网页可滚动?

标签 javascript html css css-float

我在我的网络应用程序中使用 HTML 和 CSS。我已经在一个表中定义了我所有的属性。当我更改浏览器的大小时,所有组件都会一起刷新。

例如,当我缩小 youtube 上的浏览​​器大小时,会出现水平滚动条,允许浏览网站但不会更改主页上的任何内容。我想为我的网络应用程序实现类似的功能。

在网页中,我尝试将所有内容放在一个 div 中,然后为此使用 css 样式 overflow:sroll。但这没有帮助。

我的网页中有一个 iframe。

<body>
    <table>
        <!--web content--> 
        <iframe></iframe>
    </table>
</body>

我无法发布我的全部代码,因为它太长了。超过 1000 行。

最佳答案

不确定代码是否为overflow:sroll是不是打错了,你可以改变srollscroll相反。

另外,可能是因为其他 CSS 片段定义了 overflow稍后添加属性,您可以尝试将其添加到您的 CSS 代码中:

body {overflow:scroll!important;}
  • 首先,!important添加到 overflow:scroll使其比后来定义的 overflow 更重要属性。
  • 其次,您不需要将其包装在 <div> 中, 哪个更方便。

对于其他元素,只需添加style="overflow:scroll;"style="overflow:scroll!important;"如果您真的需要更改 overflow再次属性。

Fiddle

关于javascript - 如何在浏览器尺寸缩小时使网页可滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23488180/

相关文章:

javascript - 仅在一张 Canvas 中加载图像

javascript - 在 div 的 slideUp() 事件上切换类

javascript - 当输入被禁用时如何更改 Material UI TextField 的输入颜色 [MUI v : 5. 0.8]

javascript - 简单页面的奇怪 CSS/div 间距问题

javascript - React 中的 Jquery 未定义

javascript - 用于提交的 textarea keyup 事件

css - 当我将屏幕缩小到 768 像素以下时,切换图标菜单不显示。只显示 'Website title'

javascript - Aurelia - 根据函数结果隐藏/显示 Div

javascript - 如何在nodejs中获取以字节为单位的字符串长度?

html - 在 iOS Safari 中禁用 flex 滚动