`

一行代码搞定iframe滚动条定位

 
阅读更多
滚动条始终在最下端:
window.onload=function (){
document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100;
}
/*上面的加100是因为取offsetHeight的值不是很准,所以自己改到准为止*/

滚动条始终在最上端:
window.onload=function(){
document.documentElement.scrollTop=0;
}
分享到:
评论

相关推荐

    JS去除iframe滚动条的方法

    去除iframe滚动条的一种常见做法是通过JavaScript修改iframe的属性。在给定文件中,介绍了如何通过操作`scrolling`属性来实现这一目标。`scrolling`属性是一个用于控制是否显示滚动条的属性。在HTML标准中,它可以...

    完全搞定iframe(框架)里的滚动条.doc

    ### 完全搞定iframe(框架)里的滚动条 #### 知识点概览 - iframe的概念与作用 - 在A页面使用iframe加载B页面时滚动条的问题 - 解决滚动条问题的不同方法(CSS和JS) - 具体案例分析与解决方案实施 #### iframe...

    外部滚动条控制iframe

    本文将详细探讨如何实现“外部滚动条控制iframe”,并提供一个具体示例。 #### 知识点一:iframe滚动行为默认特性 默认情况下,iframe具有自己的滚动条,当内容超出其可见区域时,内部的滚动条会自动出现。这种...

    iframe水平滚动条定位右侧

    iframe水平滚动条定位右侧及其样式的基本设置

    自动调节iframe高度,而不显示其滚动条 js

    然而,当嵌入的内容高度不确定或者会动态变化时,如何让`iframe`的高度自适应其内容,并且不显示不必要的滚动条就成为了一个常见的需求。 #### 知识点解析 ##### 1. iframe元素简介 `iframe`(Inline Frame)是...

    JavaScript中关于iframe滚动条的去除和保留

    iframe嵌入页面后,我们有时需要调整滚动条,例如,去掉全部的滚动条,去掉右边的滚动条且保留底下的滚动条,去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢?  一:去掉全部的滚动条  第一个方法: ...

    layer弹出层 iframe层去掉滚动条的实例代码

    例如,可以尝试在iframe的CSS样式中添加以下代码来全局禁用滚动条: ```css .layui-layer-iframe .layui-layer-content { overflow: hidden; } ``` 或者针对特定的iframe,添加id并应用样式: ```css #...

    Jquery iframe内部出滚动条

    一个常见的需求是让iframe能够自动调整尺寸,以便其内容能够完整显示,而不需要出现浏览器的滚动条。相反,我们希望页面上出现滚动条,而iframe内部则不需要。为了解决这个问题,我们可以编写相应的Jquery代码,通过...

    iframe显示全部内容代码

    本篇文章将详细介绍如何利用特定的`iframe`代码使其能够完全显示内容而无需滚动条。 #### 二、`iframe`基础知识 1. **基本语法**: ```html <iframe src="url" width="宽度" height="高度" frameborder="边框...

    如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

    "让DIV固定在页面的某个位置而不随着滚动条随意滚动" 在前端开发中,我们常常需要让某个DIV元素固定在页面的某个位置,而不随着滚动条的滚动而移动。这可以通过使用CSS的position属性来实现,特别是使用fixed值。...

    滚动条样式设置

    滚东条样式设置 不兼容火狐 可修改浏览器默认的滚动条 属用内核修改

    iframe高度自适应及隐藏滚动条的实例详解

    iframe高度自适应及隐藏滚动条的实例详解 在工作中,我们可能会遇到自己公司和其他的公司达成合作关系,从而共同开发某个项目。而这时候,我们可能就需要在自己的网站上嵌入别人做好的页面。而这种情况下,我们一般...

    javascript经典特效---Iframe页面的滚动.rar

    例如,`iframe.contentWindow.addEventListener('scroll', function() { /* 滚动事件处理代码 */ })`。 - 由于跨域安全限制,如果Iframe加载的是不同源的页面,可能无法监听到`scroll`事件。 5. **CSS样式控制**:...

    动态创建iframe,并动态添加js执行代码

    在IT行业中,动态创建iframe和动态添加JavaScript代码是一种常见的技术,尤其在页面加载后需要异步加载内容或者实现跨域通信时。以下是对这个主题的详细讲解。 首先,`iframe`(Inline Frame)是HTML中的一种元素,...

    jquery.nicescroll仿IOS滚动条美化插件

    此插件不仅适用于常规的页面滚动,还能够应用于框架(如 iframe)、弹出框、对话框内的滚动条美化,使得整个网页的滚动体验保持一致。 **5. 使用步骤** - **引入库文件**:首先,你需要在页面中引入 jQuery 和 ...

    iframe 上下滚动条如何默认在下方实现原理

    这行代码会在整个页面加载完毕后执行,将滚动条移动到非常接近页面底部的位置。然而,这种方法的一个问题是,如果有新的消息被添加,滚动条不会自动滚动到新消息所在的位置。为了解决这个问题,我们需要动态地调整...

Global site tag (gtag.js) - Google Analytics