Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.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 - Fatal编程技术网

Javascript 在底部加载Html页面

Javascript 在底部加载Html页面,javascript,html,Javascript,Html,我需要一个HTML页面,当页面加载时自动向下滚动。所以基本上是在底部加载。 可以使用JavaScipt吗 请你能帮助我或引导我的朋友朝正确的方向走吗 感谢所有的帮助。 谢谢试试这个: window.scroll(0, document.documentElement.scrollHeight) 试试这个: window.scroll(0, document.documentElement.scrollHeight) 像这样的 <html> <head>

我需要一个HTML页面,当页面加载时自动向下滚动。所以基本上是在底部加载。 可以使用JavaScipt吗

请你能帮助我或引导我的朋友朝正确的方向走吗

感谢所有的帮助。 谢谢

试试这个:

window.scroll(0, document.documentElement.scrollHeight)
试试这个:

window.scroll(0, document.documentElement.scrollHeight)
像这样的

    <html>
    <head>
      <script type="text/javascript">
      function moveWin()
      {  
        window.scroll(0,10000);
        setTimeout('moveWin();',1000);
      }
      </script>
    </head>
    <body onLoad="moveWin();">
<!---- TEXT HERE ---->
    </body>
    </html>

函数moveWin()
{  
滚动窗口(010000);
setTimeout('moveWin();',1000);
}
像这样的东西

    <html>
    <head>
      <script type="text/javascript">
      function moveWin()
      {  
        window.scroll(0,10000);
        setTimeout('moveWin();',1000);
      }
      </script>
    </head>
    <body onLoad="moveWin();">
<!---- TEXT HERE ---->
    </body>
    </html>

函数moveWin()
{  
滚动窗口(010000);
setTimeout('moveWin();',1000);
}

如果您希望页面在底部加载而不显示滚动动画,为什么不在页面的最底部添加一个锚定标记,并让链接直接指向它(例如,
http://www.mysite.com/hello#bottom
)?您的锚定标记可以如下所示:

如果您希望页面在底部加载而不显示滚动动画,为什么不在页面的最底部添加锚定标记并让链接直接指向它(例如,
http://www.mysite.com/hello#bottom
)?您的锚定标记可以如下所示:

使用jquery可以执行以下操作:

$("html, body").animate({ scrollTop: $(document).height() }, "slow");

使用jquery可以做到这一点:

$("html, body").animate({ scrollTop: $(document).height() }, "slow");
以下是一种对我有效的方法: 预期成果:
  • 无滚动动画
  • 第一次加载时在页面底部加载
  • 在页面底部加载所有刷新
代码:

函数scrollToBottom(){
scrollTo(0,document.body.scrollHeight);
}
history.scrollRestoration=“手动”;
window.onload=滚动到底部;
为什么这可能比其他方法更有效: 诸如Chrome之类的浏览器有一个内置的预设,可以在刷新后记住您在页面上的位置。只有一个
窗口。onload
不起作用,因为在您拨打以下线路后,浏览器会自动将您滚动回刷新前的位置:

window.scrollTo(0,document.body.scrollHeight);
这就是为什么我们需要添加:

history.scrollRestoration=“手动”;
窗口之前。onload
先禁用该内置功能

参考资料:
窗口的文档。onload

窗口的文档。滚动至

历史记录的文档。滚动恢复

以下是一种对我有效的方法: 预期成果:
  • 无滚动动画
  • 第一次加载时在页面底部加载
  • 在页面底部加载所有刷新
代码:

函数scrollToBottom(){
scrollTo(0,document.body.scrollHeight);
}
history.scrollRestoration=“手动”;
window.onload=滚动到底部;
为什么这可能比其他方法更有效: 诸如Chrome之类的浏览器有一个内置的预设,可以在刷新后记住您在页面上的位置。只有一个
窗口。onload
不起作用,因为在您拨打以下线路后,浏览器会自动将您滚动回刷新前的位置:

window.scrollTo(0,document.body.scrollHeight);
这就是为什么我们需要添加:

history.scrollRestoration=“手动”;
窗口之前。onload
先禁用该内置功能

参考资料:
窗口的文档。onload

窗口的文档。滚动至

历史记录的文档。滚动恢复


请参阅。是的,您可以使用javascript或jquery触发页面加载/正文加载上的滚动事件。请参阅。是的,您可以使用javascript或jquery触发页面加载/正文加载上的滚动事件。为什么要间隔一秒钟执行两次?(还有,为什么要使用内联处理程序和带有字符串参数的
setTimeout
)为什么要间隔一秒钟执行两次?(另外,为什么要使用内联处理程序和带有字符串参数的
setTimeout