时间:2021-05-28
问题:iframe 上下滚动条如何默认在下方,做的是聊天工具,数据多了,每次刷新出现的上下滚动默认在上方,还需下拉到下面才能看到聊天记录,有办法让它出现在下方吗?
答案:直接在iframe里写window.scrollTo(0,9999999)或者设置div等容器的scrollTop
复制代码 代码如下:
document.getElementById(“x”).scrollTop = document.getElementById(“x”).scrollHeight
window.scrollTo(0,9999999)
这个是解决了在下方,但是有新信息后,滚动条不会自动到下方,我是希望像qq聊天窗口一样,有新内容了,自动到最下方,应该如何来解决呢?
那就应该判断当前生成的内容是什么位置,即它的top或者margin-top是多少,再设置滚动条的高度,这个就可以了,每次生成就调用一下滚动条的高度变化,每次得到的新数据后,再调用 window.scrollTo(0,9999999)这个方法,就可以解决这个问题了!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了JS去除iframe滚动条的方法。分享给大家供大家参考。具体如下:下面的代码可以通过修改scrolling来去除iframe的滚动条functio
写过挺多项目都需要改变滚动条的默认样式并不想单独下载和引入插件因此纯css修改默认滚动条的样式这次算统一整理下方法,直接上代码。&::-webkit-scrol
现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊?
本文实例讲述了JS实现的页面自定义滚动条效果。分享给大家供大家参考,具体如下:这里演示网页上用的滚动条效果,是一个自定义的滚动条代码,除了上下两个箭头以外,滚动
一、实现对ScrollViewer样式的自定义主要包括:1、滚动条宽度设置2、滚动条颜色3、滚动条圆角4、滚动条拉动时的效果mouseover二、实现效果:三、