Question

我正在尝试打开我的页面，以便观看者看到并继续看到的第一件事是网站的页脚和底部。它是一个反向站点，所以用户向上滚动而不是向下滚动，你可以检查出来（注意它现在处于非常粗糙的阶段）Sean-Holt.com（这是我自己的网站而不是免费托管的一些技巧）< / p>

我目前设置了一个Body标签，它可以正常工作，但它看起来很邋and而且速度很慢。

我被告知jQuery将是处理此问题的最佳方式，但我根本不懂javascript并且一直在观看教程并且正在寻找实现此方法并且一无所获的方法。

请求帮助，非常感谢！（注意。为了澄清，我希望页面在世界的图片上打开并向上滚动）

Answer 1

您必须首先在HTML文档中包含JQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

在标签内包含以下内容：

$(function(){
    $('html, body').animate({scrollTop: $(document).height()-$(window).height()}, 300);
});

将“300”更改为您想要的时间（以毫秒为单位）

Answer 2

此JavaScript代码段：

window.scrollTo(0, document.body.clientHeight);

将滚动条设置为没有动画的底部。

Answer 3

对于仅限JavaScript的解决方案，请尝试使用window.scrollTo()方法。

http://login2win.blogspot.com/2010/07/javascript-scroll-to-bottom-of-page.html

否则，您可以尝试自动加载特定网址哈希（也称为锚点）并在代码底部设置锚名称标记。

Answer 4

Ariel Flesler插件简单易用：http://flesler.blogspot.co.uk/

在img src中放置一个唯一的ID：

<img id="earth2" src="http://sean-holt.com/wp-content/uploads/2012/03/Earth2.jpg" />

在jQuery之后调用下载的插件：

    <script type='text/javascript' src='http://sean-holt.com/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>
    <script type="text/javascript" src="/js/jquery.scrollTo.js"></script>
    <script type="text/javascript">   
    $(document).ready(function() {
     $.scrollTo('#earth2');   
    });
    </script>

使用jQuery在底部打开页面。

4 个答案: