2011-09-26 76 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的偏移量()