iframe 上下滚动条如何默认在下方

最新推荐文章于 2025-03-18 14:46:57 发布
转载 最新推荐文章于 2025-03-18 14:46:57 发布 · 2.3k 阅读 · 0
本文介绍了一种解决聊天工具中iframe滚动条默认位置的方法，通过在iframe内部使用JavaScript的window.scrollTo(0,9999999)或者设置div等容器的scrollTop属性来实现滚动条自动定位到底部。

问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗?


答案：直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop

document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight.


zljjava
关注
iframe 上下滚动条如何默认在下方实现原理
12-12
问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗? 答案：直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop 代码如下: document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight window.scrollTo(0,9999999) 这个是解决了在下方，但是有新信息后，滚动条不会自动到下方，我是希望像qq聊天窗
div及iframe滚动条固定为最底端
l851285812的博客
05-28 2577
该例程可以实现iframe和div的滚动条固定到最底端。 <!DOCTYPE> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>div及iframe滚动条控制</title> </head> <body> <div> ...
页面加载后自动滚动到iframe位置的解决方案
最新发布
污斑兔的博客。
03-18 1527
然而，不少开发者在使用iframe时遇到了一个棘手的问题：页面加载后自动滚动到位于底部的iframe位置。当用户访问包含iframe的网页时，页面加载完成后，浏览器会自动滚动到iframe所在的位置。通过上述分析和解决方案，相信开发者可以有效地解决页面加载后自动滚动到iframe位置的问题，提升用户的浏览体验。将iframe的加载延迟到页面初始渲染完成后，这样可以避免iframe加载影响初始页面布局的计算。：通过JavaScript拦截滚动行为，确保页面在iframe加载后保持原有的滚动位置。
div 滚动条相关
huffmans的博客
01-22 259
&lt;div style="border: 1px solid black; width: 100%; height: 300px;overflow:scroll " id="currentChat" &gt;&lt;/div&gt; 让他衮： var obj = document.getElementById("currentChat"); obj.scrollTop= obj.sc...
iframe出现滚动条问题
前端
08-12 8905
问题描述 .parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响 <div class="parent"> <iframe frameborder="no" style="width:100%;height:100%;" src="https://w...
去掉iframe横向滚动条_iframe滚动条
王晓雨的专栏
09-07 3800
去掉iframe横向滚动条_iframe滚动条2009-07-21 下午 04:18<br />主页面加IFRAME SCROLLING="YES"<br />子页面<br /> '让竖条消失: <br /> <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'> <br /> </BODY> <br /> '让横条消失: <br /> <BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'> <br />
隐藏iframe滚动条，并禁止滑动
weixin_45559449的博客
03-20 1万+
当我们通过 iframe 展示图片，或是通过 iframe 展示 PDF文件 时，如果图片和 PDF 超出 iframe设置的宽高，就会出现横纵向的滚动条，如下图。所以， iframe 展示图片时可以通过设置 scrolling=“no” 属性来隐藏滚动条，iframe 展示 PDF文件时 设置 scrolling=“no” 属性并不能隐藏滚动条。如果 iframe 存在纵向滚动条，则 iframe宽度=原宽度+滚动条宽度，即width: calc(100% + 17px)；
html5 iframe隐藏滚动条,教你在iframe标签中制作滚动条样式
weixin_36213934的博客
06-03 6690
首先让我们看看HTMLiframe标签中关于滚动条的去留和保存：iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？一：去掉全部的滚动条第一个方法：iframe有一个scrolling属性，它有auto,yes,no这三个值。scrolling:auto-----在需要的时候滚动条出现...
html5 iframe 无法滚动条,iframe嵌入的页面没有滚动条
weixin_31569663的博客
06-10 8284
怎么样iframe没有滚动条 页面有滚动条iframe没有滚动条 scrolling="No"这个去掉了但是页面超过了屏幕，应该有不是到你只什么意思哦frameborder="0" align="top" scrolling="yes" src=""这样可以设置有滚动条BODY { SCROLLBAR-FACE-COLOR:#fdce75; SCROLLBAR-HIGHLIGHT-COLOR: #...
把iframe的滚动条作为页面滚动条
星雨小驿
03-18 886
把iframe的滚动条作为页面滚动条： 对不起，您的浏览器不支持IFRAME!第一步：设置css样式。       body {    margin-left: 0px;    margin-top: 0px;    margin-right: 0px;    margin-bottom: 0px;   }  -->  第二步：把页面的滚动条隐藏              
iframe去除双滚动条
心若向阳 无谓悲伤
06-07 3552
iframe嵌套的内容多的时候会自带滚动条一、问题描述二、问题处理1.思路2.实现三、效果 一、问题描述 当iframe嵌套的内容多的时候会自带滚动条，致使出现双滚动条，如图 二、问题处理 1.思路 使得iframe的高度和自动根据内容的大小进行调控 2.实现 1、父页面增加以下内容，即根据页面内容动态给iframe高度的赋值： <script type="text/javascript"> function setIframeHeight() { var iframe
使用Iframe标签嵌套的页面滚动条
weixin_44548473的博客
07-18 4614
开发工具与关键技术： Vs 、使用Iframe标签嵌套的页面滚动条 作者：木有窝的鸟~小通 撰写时间：2019年7月17日 见过滚动条的小窗口吗，出现滚动条可以根据屏幕的大小来设置。一般iframe标签可以用于页面嵌套。平时写的小窗口也可以用iframe标签来写。那么在页面嵌套中呢，它可以设置宽度，而设置比较小的宽度的时候页面超出部分会出现滚动条。正因为如此，其实运用也比较广泛。 1、 为了节省视...
iframe的滚动条问题：显示/隐藏滚动条
曾昭武
01-06 1万+
学习分享必看：javacto.taobao.com iframe 问题……显示 iframe 内容   XHTML 1.0 Transitional 标准不能显示   &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...
iframe关于滚动条的去除和保留
banweili008的博客
12-29 2435
转载自:iframe关于滚动条的去除和保留 iframe嵌入页面后，我们有时需要调整滚动条，例如，去掉全部的滚动条，去掉右边的滚动条且保留底下的滚动条，去掉底下的滚动条且保留右边的滚动条。那么我们应该怎么做呢？ 一：去掉全部的滚动条 第一个方法： iframe 有一个scrolling属性，它有 auto , yes , no 这三个值。 scrolling : auto -----在需要的时候滚动条出现
去掉iframe滚动条
weixin_42758129的博客
11-03 1523
去掉iframe滚动条 <iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100px" data-id="/webindex/titletop" th:src="@{/webindex/menubar}" ></iframe> <iframe class="RuoYi_if...
iframe，body滚动条重复
Breaking_xu的博客
02-19 1187
一：开发的时候碰到一个滚动条问题，即页面出现两个滚动条，外面的是body的滚动条，里面是iframe的滚动条，大概就是如下图： 解决这个问题的方式无非两种： 1：去掉body滚动条 2：去掉iframe滚动条 可是这两种解决方式在实践过程中并不是很顺利，在使用第一种时，直接在body上加 st...
iframe 高度100%时，出现垂直滚动条
热门推荐
wangjun5159的专栏
05-21 1万+
问题需求是这样的，iframe在一个div中，并且iframe高度与div一样，所以设置了iframe高度是100%，结果div出现了滚动条，在排除了padding、margin的因素外，还是有滚动条。按理说，只有iframe有滚动条，父div不应该有滚动条。在线demo
解决iframe滚动条问题
piscailei@blog.csdn.net
10-11 6087
解决方案一：去掉文件开头的文档声明。不使用"DOCTYPE "文档声明(详细代码在下面)的话很容易就过去了。但是不使用文档声明，一是代码不规范，二是不能获得文档的高度。 下面的代码执行的结果是pageHeight=160px;，而实际上B文件的高度（长度）是800px左右。var pageHeight = (document.body.clientHeight?document.bod
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值