2011-09-26 26 views
0

此腳本每次按下按鈕時(通過loadfeed函數),都會從index.php中的peoples.php中加載10個以上的帖子。如何將瀏覽器的滾動條移動到一個類中?

$("#loadmore").click(function() { 
    cap += 10; 
    loadfeed(); 
    $(this).addClass("loading"); 
    that = this 
    setTimeout(function() { 
     $(that).removeClass('loading'); 
    }, 3000) 
}); 

我的帖子是這種格式和數字ASC類,使用$i爲每個職位。這個類與我的CSS無關,我現在加入它來解釋我的想法。

<div id="post" class="p1"></div> 
<div id="post" class="p2"></div> 
<div id="post" class="p3"></div> 
. 
. 
. 

每點擊「加載更多」加載+10個職位。當用戶進入頁面時,默認有20個帖子。

這是我如何添加10個職位。

... .load('people.php?cap='+cap, function() { ... 

當我點擊「加載更多」時,我希望滾動條處於預定義的位置,而不是像現在這樣在頁面的末尾。

我試圖在index.php的一些地方使用,但它不是理想的,不按我想要的那樣工作。

因此,當用戶首先點擊「加載更多」,加載的帖子是默認的20 30。第二次點擊是40。現在,最後一個帖子顯示的是第20,第30,第40 ... 。

如何使用瀏覽器到第21,31,41個帖子時點擊#loadmore

+0

http://plugins.jquery.com/project/ScrollTo – Phil

+1

_IN CSS,標識(包括選擇器中的元素名稱,類別和ID)只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0及更高版本,以及連字符( - )和下劃線(_); **他們不能以數字**,兩個連字符或連字符後跟數字開頭。標識符也可以包含轉義字符和任何ISO 10646字符作爲數字代碼(參見下一項)。例如,標識符「B&W?」可以寫成「B \&W \?」或「B \ 26 W \ 3F」._ [CSS規格](http://www.w3.org/TR/CSS2/syndata.html#characters) – epascarello

+0

@epascarello感謝您的支持 – EnexoOnoma

回答

0

首先我的每一個必須出現每個文檔只用一次。但是類可以被影響到多個元素,每個元素可以擁有多個類。

而且theire是兩種解決方案:
1 - 純HTML

<a href="#anchorid">go to title</a> 
<!-- html code --> 
<h1 id="anchorid">title</h1> 

2 - jQuery的

$(document).ready(function() { 
    $("a").click(function() { 
     // here using jquery scroll plugin 
    }); 
}); 


<a href="">go to title</a> 
<!-- html code --> 
<h1 id="anchorid">title</h1> 
+0

如何使用滾動插件?如果您完成答案,我接受這些... – EnexoOnoma

0

使用jQuery插件scrollTo()

+0

我如何滾動21,31,41,我的意思是有一個函數,滿足他們所有?我試圖綁定'animate scrollTop',但我失去了課堂效果。 – EnexoOnoma

0

從內存中,這樣的:

window.scrollTo(0, $('#id-of-21st-element').offset()[1]) 

關鍵位是window.scrollTo()和jQuery的偏移量()

相關問題