Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/437.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 自动显示HTML页面的底部而不是顶部_Javascript_Html_Css - Fatal编程技术网

Javascript 自动显示HTML页面的底部而不是顶部

Javascript 自动显示HTML页面的底部而不是顶部,javascript,html,css,Javascript,Html,Css,我想向加载站点的用户显示页面的底部,而不是通常的顶部 更具体的例子:我有一个iframe元素,它指向带有一些文本的站点。应自动显示此网站的底部 如何实现这一点?您可以在finish loading事件中使用一个事件,并将iframe滚动到底部。要做到这一点,你可以检查这个 基本上,您的最终代码如下所示: $(function() { iframe.contentWindow.scrollTo( 0, 999999 ); }); 注意:在看到您关于动画的评论后。。。此解决方案将添

我想向加载站点的用户显示页面的底部,而不是通常的顶部

更具体的例子:我有一个iframe元素,它指向带有一些文本的站点。应自动显示此网站的底部


如何实现这一点?

您可以在finish loading事件中使用一个事件,并将iframe滚动到底部。要做到这一点,你可以检查这个

基本上,您的最终代码如下所示:

 $(function() {
      iframe.contentWindow.scrollTo( 0, 999999 );
 });
注意:在看到您关于动画的评论后。。。此解决方案将添加一点动画,在指定条件下无法消除动画。如果您可以访问iframe内容和您的项目内容,那么您可以找到一个替代解决方案


第二种解决方案(尊重您的请求)是使用ajax而不是iframe加载目标页面,对其进行解析,并在页面中只显示您需要的内容(对于ajax调用,您可以检查,对于解析……这是您的部分)。

如果您不想滚动,您可以这样做:在页面底部将id设置为html元素。然后在链接的末尾添加
#

在负载时,broswer将位于底部,不确定它是否会不可见


对于iframe,请检查底部是否有一些id。

使用
flex
及其
flex方向:列反转

html,正文{
保证金:0;
}
.包装纸{
显示器:flex;
弯曲方向:柱反向;
最大高度:100vh;
溢出:自动;
}

顶部


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


长内容


底部
我认为在javascript中实现这一点的最佳方法是通过一个简单的代码:

document.body.scrollTop=document.body.scrollHeight;

:D

您的意思是在iframe中自动滚动到页面底部?是的。这是正确的。(但请不要动画)(Firefox会制作滚动动画。所以不应该有动画)到目前为止你都尝试了什么?document.scrollTop()函数应该可以做到这一点。使用iframe你不能做你想做的事情(据我所知,也许你可以)。使用ajax、加载和解析。另外,你应该把关于动画的条件放在主要问题里面。谢谢。这是一个很好的解决方案。@FamePerson:要获得跨浏览器支持,请查看我的updateOk。我查过了。谢谢你的帮助;-)如果页面显示在iframe外部,则该操作有效。非常感谢。