2013-02-03 25 views
1

現在在很多網站上,當我向下滾動並達到指定的點時,我會看到這些推薦框突然出現一盒內容,並顯示某種類似的文章或推薦。如何在指定的滾動條上顯示類似的文章/內容?

我會對製作此功能的過程感興趣。我對推薦系統或類似的東西不感興趣,我只是對在指定的滾動條上顯示內容框的技術感興趣。

有沒有腳本或我必須自己弄清楚並編寫腳本?也許是某種Jquery?

我希望在這個問題上的任何單詞。

我正在尋找的一個很好的參考資料是經濟學人的網站,您點擊一篇文章,向下滾動並在右下角出現一篇類似的文章。

這裏是一個隨機的文章,其中功能完美地工作的參考鏈接: http://www.economist.com/news/leaders/21571136-politicians-both-right-and-left-could-learn-nordic-countries-next-supermodel

+0

我沒有看到在該頁面經濟學家的右下角什麼。 –

+0

我的答案解決了您的問題嗎? – Leeish

+0

派對是!所以感謝您花時間讓我更接近解決方案! – szabolcsmolnar

回答

2

我相信你想使用scrollTop的。 http://api.jquery.com/scrollTop/基本上你會尋找滾動位置,並在達到某個特定點時執行某些操作。

這是一個小提琴:粗糙的演示。

http://jsfiddle.net/YtGrf/

$('#test').scroll(function(){ 
    var loc = $(this).scrollTop(); 
    if(loc > 150) { 
     alert('fire'); 
    } 
}); 
+0

這段代碼效果很好我只是覺得有一個插件的地方,因爲很多網站使用這種方式來宣傳他們的類似文章。 所以,也許我需要使用PHP +這個片段來生成類似的文章內容框,然後用CSS隱藏它,當用戶滾動到一個點時,jquery操作CSS代碼,以便看到內容。 你認爲這是他們做的方式? – szabolcsmolnar

+0

可能有一個插件,但我的意思是,這就是它。只需將div定位在您想要的頁面上並隱藏即可。當用戶滾動到您想要顯示的位置時,將警報更改爲通過CSS,JavaScript或任何其他所需的魔法顯示。這很簡單。更難的部分是通過PHP獲取相關文章並填充div。 – Leeish

相關問題