使用jQuery打開底部的頁面。

我試圖讓我的頁面打開，以便觀看者看到並繼續看到的第一件事是網站的頁腳和底部。它是一個反向網站，所以用戶滾動而不是下來，你可以檢查出來（注意它現在處於非常流行的階段）Sean-Holt.com（這是我自己的網站，而不是免費託管的一些技巧）使用jQuery打開底部的頁面。

我目前已經設置了一個Body標籤，該標籤可以工作，但它看起來馬虎而且很慢。

有人告訴我，jQuery的將處理的最佳方式，但我不知道在所有的JavaScript，整天一直在看教程，並尋找一種方式來實現這一點，並沒有發現什麼。

請大家幫忙，非常感謝！（注意：爲了說明，我希望頁面在世界圖片上打開並向上滾動）

來源

2012-03-30 WolVes

你想讓頁面自動向上滾動，還是用戶保持控制？ – 2012-03-30 15:25:02

注意：我會小心使用企業和商業網站上的狗的圖像。他們擁有並由其他公司擁有版權。尤其是當您在說「所有內容和照片都是由Sean Holt創建並且屬於您」 – Chad 2012-03-30 15:38:09

對於僅javascript解決方案，請嘗試使用window.scrollTo()方法。

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

否則，你可以嘗試自動加載特定的URL哈希（又名錨），並在你的代碼的底部設置錨點名稱標籤。

來源

2012-03-30 15:23:03 Kristian

林依晨Flesler插件是簡單和易於使用：http://flesler.blogspot.co.uk/

放置一個唯一的ID在你的IMG SRC：

<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>

來源

2012-03-30 15:28:03 JayDee

您應該提供值得信賴和可靠的CDN。 – 2012-03-30 15:32:46

這是他已有的源代碼中的當前鏈接。 – JayDee 2012-03-30 15:35:46

你必須首先在您的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」到以毫秒爲單位所需時間

來源

2012-03-30 15:28:28 r0m4n

這個JavaScript片段：

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

將滾動條設置爲底部沒有動畫。

來源

2012-03-30 15:29:42

使用jQuery打開底部的頁面。

回答

相關問題