2014-06-22 69 views
1

奇妙的社區,你在這裏,我的第一個問題。備用滾動裝載機

我從頭開始創建一個博客,並且已經知道我可以使用jQuery和PHP加載滾動事件的內容(以節省一次性加載它)。對於那些你們誰不知道如何或者這是什麼,你可以在這裏找到的教程鏈接:

http://www.9lessons.info/2009/07/load-data-while-scroll-with-jquery-php.html

然而,這種方法依賴於JavaScript的請求。以良好的做法和1-2%的人仍然加載雅虎主頁的Java腳本禁用的名義。這可能會導致用戶只加載幾個帖子,或者加載整個帖子。我想找到最好的解決辦法進步,讓我:

  1. 如果啓用Javascript(使用上述JQ加載內容/ PHP滾動方法爲正常)
  2. 如果JavaScript被禁用(Grayskull禁止不!?)會自動迴歸到更多的html/css依賴方法,而不必單獨爲它設計。

相當複雜的問題,我希望它是有道理的。如果我按照正確的思路思考,html/css後備可能是用單獨的頁面和頁面按鈕分解內容,但我不確定這兩者可能會如何一起翻譯,例如,我爲JQ設計的內容/ PHP滾動方法似乎在一個加載頁面內,其中html替代方法似乎位於分隔頁面上。

我可以使用一些建議。

+2

如果你不希望有滾動內容7000px + ...簡單地用*鏈接到*(''1'準備分頁邏輯2''3''→''18')在'

+0

我一定要研究你說的意思,以及如何在無腳本中使用分頁邏輯,但非常感謝你的快速答案!這種事應該是我正在尋找的。 – DavidAlanBruce

回答

0

爲了給你一個想法:僞代碼:

<noscript> 
    <!-- Server-side language generated pagination --> 
    <a href="1.html" class="active">1</a> 
    <a href="2.html">2</a> 
    <a href="3.html">3</a> 
</noscript>  

<content> 
    <article> 
    <article> 
    <article> 
    <article> 
    <!-- JS pushes new content on scroll with AJAX, otherwise...--> 
</content> 

<noscript> 
    <a href="1.html" class="active">1</a> 
    <a href="2.html">2</a> 
    <a href="3.html">3</a> 
</noscript>