开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在运行时调整swf的大小以使浏览器创建html滚动条？

在运行时调整 SWF（Shockwave Flash）的大小以使浏览器创建 HTML 滚动条，可以通过以下方法实现：

使用 JavaScript 动态调整 SWF 的大小。

在 HTML 页面中，将 SWF 文件嵌入到一个 HTML 元素中，例如一个 <div> 元素。然后，使用 JavaScript 动态调整 <div> 元素的大小，以便在运行时调整 SWF 的大小。

例如：

<div id="swfContainer">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="mySwf">
   <param name="movie" value="mySwf.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="opaque" />
   <param name="swfversion" value="11.0.0.0" />
   <param name="expressinstall" value="Scripts/expressInstall.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="allowScriptAccess" value="always" />
   <embed src="mySwf.swf" quality="high" width="100%" height="100%" name="mySwf" wmode="opaque" swfversion="11.0.0.0" expressinstall="Scripts/expressInstall.swf" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  </object>
</div>

然后，使用 JavaScript 动态调整 swfContainer 元素的大小：

document.getElementById('swfContainer').style.width = '500px';
document.getElementById('swfContainer').style.height = '500px';

使用 CSS 设置 SWF 的大小。

在 HTML 页面中，将 SWF 文件嵌入到一个 HTML 元素中，例如一个 <div> 元素。然后，使用 CSS 设置 <div> 元素的大小，以便在运行时调整 SWF 的大小。

例如：

<div id="swfContainer">
 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="mySwf">
   <param name="movie" value="mySwf.swf" />
   <param name="quality" value="high" />
   <param name="wmode" value="opaque" />
   <param name="swfversion" value="11.0.0.0" />
   <param name="expressinstall" value="Scripts/expressInstall.swf" />
   <param name="allowFullScreen" value="true" />
   <param name="allowScriptAccess" value="always" />
   <embed src="mySwf.swf" quality="high" width="100%" height="100%" name="mySwf" wmode="opaque" swfversion="11.0.0.0" expressinstall="Scripts/expressInstall.swf" allowFullScreen="true" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" />
  </object>
</div>

然后，使用 CSS 设置 swfContainer 元素的大小：

#swfContainer {
  width: 500px;
  height: 500px;
}

通过以上方法，可以在运行时调整 SWF 的大小，从而使浏览器创建 HTML 滚动条。

相关搜索:如何在运行时从左侧调整可调整大小的面板控件的大小？如何在运行时调整QSCrollBar的大小以更改其宽度？如何在不调整浏览器大小的情况下创建“滑入”动画？如何创建可滚动区域，该区域可随浏览器调整大小，但在可调整区域的上下具有固定的内容区域？如何在调整浏览器大小时隐藏DIV中的HTML文本的一部分？使用CSS)垃圾收集乱序排列理论学习连接本地连接查询

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

BOM，浏览器对象模型

BOM也叫浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。BOM缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM本身是没有标准的或者还没有哪个组织去标准它。

05

Window对象

window作为全局变量，代表了脚本正在运行的窗口，将属性与方法暴露给JavaScript。

02

html多媒体

<embed src="多媒体文件地址" width="播放界面的宽度" height="播放界面的高度"></embed>

03

【labview问题小集合】

在使用labview进行条件结构或者顺序结构时，报错了1000或1003，当报这两个错误的时候，需要看一下进行调用的VI程序是否是死循环或者调用后被调用的VI值或者条件是否会发生改变，若为死循环或者值会发生改变，则会报错

03

JQuery iframe宽高度自适应浏览器窗口大小的解决方法

https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js

02

jQuery 自定义网页滚动条样式插件 mCustomScrollbar 的介绍和使用方法

如果你构建一个很有特色和创意的网页，那么肯定希望定义网页中的滚动条样式，这方面的 jQuery 插件比较不错的，有两个：jScrollPane 和 mCustomScrollbar。

03

html网页详细代码「建议收藏」

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/136151.html原文链接：https://javaforall.cn

04

移动Web学习笔记

1. -webkit-text-size-adjust: 100% 解释：在 Chrome 浏览器中只能设置大于或等于 12px 的字体大小，当设置了小于 12px 的字体大小时，浏览器按照 12px 的字体大小渲染字体，而设置了 -webkit-text-size-adjust 属性后浏览器可以渲染 12px 以下的字体大小

03

小智在这3年开发中遇到的 CSS 问题及解决方案，有大佬帮他总结好了！

在浏览器中实现用户界面时，请尽可能减少浏览器带来的差异，以使用户界面具有可预测性。跟踪所有这些差异很困难，因此，我整理了一些常见问题及其解决方案方便大家查看。

01

win10 uwp 如何判断一个控件在滚动条的里面是用户可见

在 UWP 中如何知道一个元素是在滚动条的显示大小内用户可以看到这个控件？如果需要在控件在滚动条里面用户可以看到的时候触发某个事件，在用户看不到的时候触发另一个事件可以怎么做？

02

「译」前端项目中常见的 CSS 问题

快速摘要：近年来，跨浏览器的渲染和交互已经愈加一致。不过，它仍然没有达到完全一致，有很多小问题会让你出错。除了这些问题之外，还有不同的屏幕尺寸、语言偏好和明显的人为错误等不确定因素，我们从中发现了许多会让开发者出错的小问题。

01

JAVA—— AJAX[通俗易懂]

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/156982.html原文链接：https://javaforall.cn

03

css增加横着滚动条_CSS 设置滚动条样式的实现「建议收藏」

1、scrollbar包含scrollbar buttons和一个track。track进一步细分为track pieces和thumb。trace pieces为thumb的上半部分和半下部分。

02

30分钟了解所有引擎组件，132个Unity 游戏引擎组件速通！【收藏 == 学会】

Mesh Filter 组件包含对网格的引用。该组件与同一个游戏对象上的 Mesh Renderer 组件配合使用；Mesh Renderer 组件渲染 Mesh Filter 组件引用的网格。

03

【Go 语言社区】iframe去边框，无边框，使用大全

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe> <iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="

07

CSS3自定义滚动条样式 -webkit-scrollbar

webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目前是不存在的。

02

iframe参数详解

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>

03

如何使用 CSS 设置和自定义水平和垂直滚动条

滚动条是图形用户界面（UI）中必不可少的组件。滚动条允许用户查看超出其容器宽度或高度的内容。滚动条还使用户能够查看超出屏幕宽度或高度的内容。默认情况下，浏览器会为body内容的溢出包含一个滚动条。在其他情况下，UI开发人员必须设置滚动条以使用户能够查看超出屏幕或特定容器的内容。每个浏览器都有一组默认的滚动条样式。在某些情况下，您可能有充分的理由来定制滚动条。例如，您可以定制滚动条样式以匹配网站的外观和感觉。

00

iframe标签（页面嵌套）

上面两张图是两个不同的页面但是它们的基本框架都是一样，每点击一次左边的导航栏改变的都是中间的内容区域。也就是说共同的框架都是没有改变的，改变的是中间的内容。

01

HTML DOM的各种宽高、偏移位置的属性总结

指的是元素的可视部分宽度和高度，即padding+content，如果没有滚动条，即为元素设定的高度和宽度，如果出现滚动条，滚动条会遮盖元素的宽高，那么该属性就是其本来宽高减去滚动条的宽高，包含内边距，但不包括水平滚动条、边框和外边距。

03

2024年，你需要了解下这 12 个现代化 CSS 新属性

有时候，提升你的应用程序的CSS只需要一个简单的一行升级或增强！了解这12个属性，开始将它们融入到你的项目中，享受减少技术债务、去除JavaScript，以及为用户体验赢得轻松的胜利。

01

JavaScript（进阶）

正则用来定义一些字符串的规则，程序可以根据这些规则来判断一个字符串是否符合规则，也可以将一个字符串中符合规则的内容提取出来。

02

CSS自定义滚动条的样式

本文会介绍CSS滚动条选择器，并在演示中展示如何在Webkit的内核浏览器和IE浏览器中，自定义一个横向以及一个纵向的滚动条。

30+ 个工作中常用到的前端小知识（干货）

一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。

03

typecho 导航主题webstack 钻芒博客二开美化版新增暗黑模式全屏切换等

2023年5月---前排提示：钻芒博客已更换域名，新博客URL：www.zuanmang.net

02

Flash对象插入到网页中的3px问题

我记得我已经遇到过，不过今天又遇到了，而且浪费了大量的时候在上面，甚至怀疑自己写的脚本有问题，花了几乎一个下午来调试这个问题。最后发现是样式导致的…

03

如何使用jQuery操作浏览器窗口事件？【jQuery框架应用入门15】

本文主要针对浏览器的窗口事件做一些简要介绍，只在让读者可以入门操作bom有关的事件。

01

学会使用 CSS 自定义滚动条，能让你做的产品更有用户体验！

自定义滚动条现在越来越流行，很值得研究一翻。为什么需要自定义滚动？浏览器的默认的滚动条让UI在多个操作系统中看起来不一致，使用定义滚动我们可以统一风格。

02

nicegui布局细节补充——容器高度与滚动条

前面的章节我们已经学会了 nicegui 中常用的各种布局方式：flex 和 grid 布局。这节我们将详细讲解容器高度以及滚动条的问题。

01

jQuery 一个简单基于文档高度百分比的进度条 | 2BROEAR 笔记栈

scrollTop 的最大值+(window).height()=(“html”).height(); 也就是滑到底部后，这个scrollTop与整体页面高度相差一个屏幕高！

01

JavaScript DOM元素尺寸和位置

三大点： 1.获取元素CSS大小 2.获取元素实际大小 3.获取元素周边大小一．获取元素CSS大小 1.通过style内联获取元素的大小 var box = document.getElementById('box');//获取元素 box.style.width;//200px、空 box.style.height;//200px、空 PS：style获取只能获取到行内style属性的CSS样式中的宽和高，如果有获取；如果没有则返回空。 2.通过计算获取元素的大小 var style = windo

07

HTML+CSS滚动条样式如何单独给firefox设置 scrollbar-width: none；，而不影响其他浏览器

要在Firefox中单独设置滚动条样式，你可以使用@-moz-document规则。这个规则允许你为特定的浏览器或浏览器引擎应用样式。

00

详解clientHeight、offsetHeight、scrollHeight「建议收藏」

文章推荐：http://blog.csdn.net/creasher/article/details/51353416

02

京东移动端页面布局（一）

只要搜索京东，然后F12设置移动端浏览器显示，刷新一下浏览器就可以看到这个移动端的呈现方式的了。

04

移动web开发需要注意的二十点

（现在大部分移动浏览器包括wp都支持viewport的width选项），这些meta标签在开发webapp时起到非常重要的作用，可以给用户提供更好的体验

02

js获取屏幕大小，当前网页和浏览器窗口

如果您使用的是jQuery，则可以使用jQuery方法获取窗口或document的大小：

02

【实例】调整区域大小&动态隐藏区域

实例参照地址：https://jsfiddle.net/381510688/fb6Lz9rm/

02

浅议内滚动布局

一、什么是内滚动布局？所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：传统的页面滚动，基本上是相对于整个浏览器窗体，例如，QQ视频首页：二、为什么会有内滚动布局？随着显示器设备越大越宽越密，以及现代web技术的发展。web站点已经开始有了从传统的瀑布式网页向类桌面软件风格站点转变的趋势。比方说，QQ音乐的首页目前是这样子的：以后可能就会变成这样子： “纳尼，这不就是现在的QQ音乐软件界面截图？”

05

浅议内滚动布局 - 腾讯ISUX

一、什么是内滚动布局？所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：传统的页面滚动，基本上是相对于整个浏览

03

解析offsetHeight,clientHeight,scrollHeight之间的区别「建议收藏」

在网上搜了一下，结论非常笼统，讲IE从不讲版本，因此自己做了测试并上传结论。以下结论皆是在标准模式下测试通过的，没有测试quirk模式。

01

JavaScript基础

使用addEventListener()可以同时为一个元素的相同事件同时绑定多个响应函数，这样当事件被触发时，响应函数将会按照函数的绑定顺序执行这个方法不支持IE8及以下的浏览器

02

随心所欲的滚动条，远离产品汪（二）

还记得上周咱们说的“随心所欲滚动条，远离产品汪”一文吗？当中介绍了自定义滚动条的基本原理与实现方法，在自定义滚动条实现后，可以通过对滚动条的上下拖动来控制内容区的显示，使用过的朋友会发现，如果对篇幅较长的内容来说，不停的拖动滚动条来查看内容，还是比较麻烦的，于是本文在上篇代码的基础上添加了滚轮事件并处理了相应的兼容问题。本文内容 1、原理结构图 2、滚轮事件及兼容问题概要 3、具体实现步骤 4、小结原理结构图为了方便大家熟悉理解，希望大家能够回顾下上篇“随心所欲滚动条，远离产品汪（一）”，本文继续使用

08

H5C3第四节

CSS3在布局方面做了非常大的改进，使得我们对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开中可以发挥极大的作用。

03

CSS深入理解学习笔记之overflow

1、Overflow基本属性　　overflow:visible(默认)/hidden/scroll/auto/inherit; 　　visible：超出部分可见。　　hidden：超出部分隐藏。　　scroll：超出可滚动。　　auto：若超出才出现滚动条。　　inherit：继承。（IE8+）　　注：overflow-x与overflow-y值不同，其中一个属性值被赋予visible，而另一个被赋值为hidden/scroll/auto，则visible会被重置为auto。兼容性：

05

Chrome 115 有哪些值得关注的新特性？

用滚动驱动的动画是网站上非常常见的用户体验模式，比如当页面向前或向后滚动时，对应的动画也会向前或向后移动。

03

膜拜！用最少的代码却实现了最牛逼的滚动动画！

ScrollTrigger是基于GSAP实现的一款高性能页面滚动触发HTML元素动画的插件。

02

膜拜！用最少的代码却实现了最牛逼的滚动动画！

ScrollTrigger是基于GSAP实现的一款高性能页面滚动触发HTML元素动画的插件。

00

浅议内滚动布局

所谓“内滚动布局”，顾名思义就是主滚动条在页面内部的布局，是相对于传统的<html>滚动而言的，例如，下图所示滚动条，是从头部下方开始：

02

CSS vw让overflow:auto页面滚动条出现时不跳动

当前web届，绝大多数的页面间布局都是水平居中布局，主体定个宽度，然后margin: 0 auto的节奏~

02

分享 22 个实用的CSS小技巧，让你的网站更出色

https://juejin.cn/post/7266745788536356879

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭