如何让iframe的上下方向滚动条默认在最下方?

时间:2022-07-05 23:15:46
最近在学习html网页制作,如何让iframe的上下方向滚动条默认在最下方?

比如我要引用另外一个我没有管理权限的网站的页面,我只能在自己的页面设置,如何达到效果

2 个解决方案

#1


跨域没有搞。。不跨域垂直滚动条放在最下方也只能自己模拟,系统的也无法放到最低端

#2


问题: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)这个方法,就可以解决这个问题了! 

#1


跨域没有搞。。不跨域垂直滚动条放在最下方也只能自己模拟,系统的也无法放到最低端

#2


问题: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)这个方法,就可以解决这个问题了!