js控制iframe的滚动条位置，iframe不能滚动

怎样让iframe的滚动条自动到最底部呢???

处理方案：方案一：给iframe标签增加css属性，display： block；方案二：在chrome浏览器下打开iframe内部的页面，通过查看调试者工具可以看到iframe内部的结构 从图中可以看到html的位置有添加一个overflow：scroll的属性，这个属性会自动为页面添加一个滚动条。因此，去掉该属性之后，问题就得到解决了。

检查CSS 属性 overflow ： visible | auto | hidden | scroll 取值：visible ： 默认值。不剪切内容也不添加滚动条。假如显式声明此默认值，对象将以包含对象的 window 或 frame 的尺寸裁切。

在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。现在我们在index页面的iframe标签再添加如下的属性。

应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。

但是如果有，那么各个浏览器的表现不太相同，单取哪个值都不对。但可以找到了一条规律，那就是取两个值得最大值可以兼容各浏览器。

相关问答

Q1: iframe中如何设置滚动条到上面的距离?

给width和height值就行了。iframe src=地址 width=100px height=200px/iframe 这样如果有滚动条，则如果宽度超过100px就有左右滚动条，如果高度超过200px就有上下滚动条。

其次，设置iframe的高度和宽度有以下几种方法 iframe元素标记可以使用宽度和高度属性。width= height= 你可以使用css来定义宽度和高度 style= 三。

在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。现在我们在index页面的iframe标签再添加如下的属性。

方法一，在每个被包含页在本身内容加载完毕之后，执行JS取得本页面的高度，然后去同步父页面的iframe高度。方法二，在主页面iframe的onload事件中执行JS，去取得被包含页的高度内容，然后去同步高度。

/iframe 呃。。我不知道你要固定什么高度。要是iframe的话只是在iframe；里的style固定就行了。要是固定iframe到上下左右页面之间的间距的话就在iframe的style里定义margin-top或margin-right等 margin这个和body的高度什么的可没联系哈。。这个只是本控件距上面或者右边空白多少。

Q2: 用js如何在父页面控制iframe子页面中滚动条的位置

1、应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。解决办法是：用js判断页面是否被嵌套，用js计算iframe在父窗体位置，锚点在firame中的位置，两者相加成为父窗体的滚动。

2、首先打开网站开发工具，新建一个HTML页面。编写HTML代码，核心代码：div class=iframe-wrapiframe src=iframe.html class=iframe-box/iframe/div。接着编写CSS代码，核心代码如下图所示。在新建一个HTML页面（也就是需要嵌套的iframe页面），代码如下。

3、注意：iframe加载也需要时间（相当于重新打开一个页面），需要在父页面操作子页面，要等子页面加载完成，iframe常加上onload事件，jq常加上 $(#iframeId).load(function(){})； 再开始操作子页面。 子页面 实例 这里也包含了项目中写的常用的公共函数。为了方便js直接嵌入html中。

Q3: 网页中如何隐藏iframe中的垂直滚动条,但依然可以用滚轮实现页面滚动...

有三种代码输入的方式可以在CSS隐藏滚动条。

你可以试试，让iframe的高度等于他引用页的body高度，这样iframe就不会出滚动条了，把div的高度设置成固定，并且当内容多于div高度时，自动出滚动条。

可能是网页嵌套了另外的网页，frame和iframe都是嵌套 里面的网页可能出现滚动条，如果没有嵌套 就可能是文本框内容或div等块级元素中的内容 超过了设定的固定高度出现滚动条。

解决思路两个 主页里面有个iframe的高度要足够，就。。主页里面有个iframe的后天程序控制住，不出现数据多的情况。。

Q4: 在html中iframe中如何使右侧内容页面滚动条始终在最上端

1、给width和height值就行了。iframe src=地址 width=100px height=200px/iframe 这样如果有滚动条，则如果宽度超过100px就有左右滚动条，如果高度超过200px就有上下滚动条。

2、在文件夹里创建两个html文件，一个“index”一个“iframe”。在index中添加一个iframe标签，直接嵌入iframe页面。在iframe网页中添加了两个固定高度的div内容。浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。

3、你要想显示滚动条，为何又要让它的高度自适应呢？一般的方法是，固定其高度，并且在css里规定其样式：overflow-x：hidden；overflow-y：scroll；这样就没有横滚动条而一直有竖滚动条。

4、在代码维护角度考虑，方法二是优于方法一的，因为方法一，每个被包含页都要去引入一段相同的代码来做这个事情，创建了好多副本。

Q5: js如何控制整个页面滚动条的位置

1、通过div的scrollTop变动控制垂直滚动条位置。\x0d\x0a通过div的scrollLeft变动控制水平滚动条位置。

2、你可以通过改变`scrollTop`和`scrollLeft`属性来控制滚动条的位置。这两个属性分别控制垂直和水平的滚动位置。

3、通过div的scrollTop变动控制垂直 滚动条 位置。通过div的scrollLeft变动控制水平滚动条位置。

4、首先需要新建一个HTML文档，这里设立一下基本的架构。再新建一个CSS文件，用link关联一下HTML文档。创建DIV标签，并且往里面填充内容。先设定一下滚动条内框的大小。用border先来查看是否有超出，这里可以看出超出了很多内容。

5、在你控制刷新的函数上，找到刷新命令之前的位置，在这个命令之前，读取当前窗口滚动条的位置。然后在刷新的命令上，加上参数，参数值就是这个滚动条的位置。然后在你页面打开的最下边。用动态脚本接到这个值，然后写成JS命令，命令就是window.scroll(这个位置的数)就可以了。

js控制iframe的滚动条位置的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于iframe不能滚动、js控制iframe的滚动条位置的信息别忘了在本站进行查找喔。