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

最新推荐文章于 2023-06-16 16:52:19 发布
最新推荐文章于 2023-06-16 16:52:19 发布
阅读量2.2k 收藏
点赞数

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


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

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


zljjava
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js判断iframe内的网页是否滚动到底部触发事件
10-23
主要介绍了js判断iframe内的网页是否滚动到底部触发事件,需要的朋友可以参考下
iframe 上下滚动条如何默认在下方实现原理
12-12
问题：iframe 上下滚动条如何默认在下方，做的是聊天工具，数据多了，每次刷新出现的上下滚动默认在上方，还需下拉到下面才能看到聊天记录，有办法让它出现在下方吗? 答案：直接在iframe里写window.scrollTo(0,...
去掉iframe横向滚动条
zhaoxiaofei0929的专栏
05-27 507
2010年01月22日 星期五 04:59 P.M.主页面加IFRAME SCROLLING="YES"子页面让竖条消失: 让横条消失: 还要去掉子页面里的http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">两个都去掉   iframe自动适应页面大小JS函数
selenium+python自动化106 - 滑动 iframe 上的滚动条
qq_27371025的博客
08-31 361
前言 页面嵌套了iframe，这个iframe又是可以滚动的，如何操作iframe上的滚动条？ 示例 写一个html页面案例，源码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <iframe src="https://www.hao12
完全搞定iframe（框架）里的滚动条！（一）
xpnew的技术blog
05-07 1万+
 完全搞定iframe（框架）里的滚动条！（一）说明：1、本文参考了网络上大量资料，本人在此深表感谢！2、本文假设读者，有一定的HTML、CSS、JS基础。3、本文讨论的目标是，通过A页面里的标记引用B网页之后，在A页面上出现滚动条这种情况的几种解决办法。4、因为篇幅的关系，文章被分成了两部分。通常情况下，（一）就能解决你的问题，（二）将会深入探讨这个问题和相关的解决方案。5、如果你觉得我啰嗦
记一次包含iframe的需要滚动的元素不能滚动到底部的问题
weixin_34071713的博客
09-19 710
一个包含上头部、下部模块（包含左右两边模块：侧边栏、内容区域）的页面 前提条件，内容区域： 1、元素高度需要自适应屏幕高度 2、里面内容足够长时，可以滚动 3、包含了一个iframe嵌入的内容很长的页面 问题： 不要滚动内容区域时出现双滚动条 解决方案： 1、内容高度设置为body的高度-头部高度 滚动内容区域还是出现了滚动条，说明内容的高度设置的高了。重新...
VUE iframe标签预览HTML链接增加监听滚到底部事件
最新发布
Jana Jing的分享
06-16 1626
需求是: 有个在服务器上的html文件,希望在vue项目的页面里去预览该文件内容,并且监听查看内容完毕后(即内容滚到底部后)再进行一些操作。这是分隔线 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~发测试站,手机测试,🍎手机ok,安卓手机问题多多,所以,开始在网上百度兼容安卓手机的方法,找到。拿到该需求,就在思考,必须得拿到iframe里的DOM结构,所以,开始敲代码,如下。该方法: 在该示例代码中，我们使用。在html文件里增加代码。
JS去除iframe滚动条的方法
10-24
主要介绍了JS去除iframe滚动条的方法,涉及javascript操作iframe中属性的技巧,非常具有实用价值,需要的朋友可以参考下
IOS上iframe的滚动条失效的解决办法
01-05
iframe内部html的滚动条不出现。并且活生生的从500px处截断，（类似overflow：hidden的效果）下面的内容不再显示。  问题重现： 结构：  index.html : <style>　 #iframe{height:500px;} </style> ...
layer弹出层 iframe层去掉滚动条的实例代码
10-18
在这个问题中，我们关注的是如何在layer弹出层中的iframe层去除滚动条，以保持页面的整洁和用户体验。 首先，让我们深入理解一下涉及到的几个概念： 1. **layer**：Layer是基于jQuery的一个轻量级的弹窗插件，提供...
iframe网页上下左右布局模板
03-04
iframe网页上下左右布局模板，可以修改里面的css代码来更改各个模块的大小，位置。很基本使用的网页布局模板
div及iframe滚动条固定为最底端
l851285812的博客
05-28 2290
该例程可以实现iframe和div的滚动条固定到最底端。 <!DOCTYPE> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>div及iframe滚动条控制</title> </head> <body> <div> ...
上左右的一个iframe布局
阳光
08-16 2399
index.html <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial...
使用iframe实现导航栏在上面，下面的窗体刷新
zinbin的博客
01-15 1856
1、做一个导航栏，并设置跳转链接的<a>标签的name属性或id 此处演示name标签 <!-- 导航条 --> <nav id="navAjax" class="navbar navbar-expand-lg navbar-dark bg-dark" style="z-index:10;"> <a class="na...
iframe轻微滚动及无法滚动和100%宽度超出屏幕
neabea2016的博客
09-17 1977
1.使用iframe页面会有轻微上下滚动 .iframe-style{ height: 100%; width: 100%; border: none; margin: 0; vertical-align: top;/*解决轻微滚动*/ } 2.iframe适配安卓移动端，有时无法上下滚动 解决：无法滚动的html div增加overflow...
iframe出现滚动条问题
前端
08-12 7949
问题描述 .parent设定了高度，设置iframe height：100%,通过浏览器观察发现，外层div与iframe高度相同，为什么出现滚动条，发现没有padding/margin的影响 <div class="parent"> <iframe frameborder="no" style="width:100%;height:100%;" src="https://w...
iframe 高度100%时，出现垂直滚动条
热门推荐
wangjun5159的专栏
05-21 1万+
问题需求是这样的，iframe在一个div中，并且iframe高度与div一样，所以设置了iframe高度是100%，结果div出现了滚动条，在排除了padding、margin的因素外，还是有滚动条。按理说，只有iframe有滚动条，父div不应该有滚动条。在线demo
iframe滚动条怎么默认在最底部
04-23
您好！关于您的问题，可以使用以下代码实现： ``` var iframe = document.getElementById("your-iframe-id"); iframe.addEventListener...这段代码会在 iframe 加载完成后将其滚动条滚动到最底部。希望能够帮助到您！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值