Php 如何移动浏览器&x27;什么是类的滚动条?

Php 如何移动浏览器&x27;什么是类的滚动条?,php,javascript,jquery,Php,Javascript,Jquery,每次按下按钮(通过loadfeed函数),该脚本都会从index.php中的peoples.php加载10篇以上的文章 我的帖子采用这种格式,班级编号为ASC,每个帖子使用$i。这个类与我的CSS无关,我现在添加它来解释我的想法 <div id="post" class="p1"></div> <div id="post" class="p2"></div> <div id="post" class="p3"></div>

每次按下按钮(通过loadfeed函数),该脚本都会从index.php中的peoples.php加载10篇以上的文章

我的帖子采用这种格式,班级编号为ASC,每个帖子使用
$i
。这个类与我的CSS无关,我现在添加它来解释我的想法

<div id="post" class="p1"></div>
<div id="post" class="p2"></div>
<div id="post" class="p3"></div>
.
.
.
当我点击“加载更多”时,我希望滚动条处于预定义的位置,而不是像现在这样位于页面的末尾

我曾尝试在index.php的某些地方使用它,但它并不理想,不能按我所希望的那样工作

因此,当用户第一次单击“加载更多”时,加载的帖子从默认的20篇增加到30篇。在第二次单击时,将生成40。现在,最后显示的帖子是20、30、40


当用户点击
#loadmore
时,如何将浏览器转到第21、31、41篇文章?

使用jQuery插件。

从内存中,类似于:

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

关键位是window.scrollTo()和jquery的offset()

首先,每个my在每个文档中只能出现一次。但是类可以受多个元素的影响,每个元素可以拥有多个类

有两种解决方案:
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>
$(文档).ready(函数(){
$(“a”)。单击(函数(){
//这里使用jquery滚动插件
});
});
标题

在CSS中,标识符(包括选择器中的元素名称、类和ID)只能包含字符[a-zA-Z0-9]和ISO 10646字符U+00A0及更高,加上连字符(-)和下划线();它们不能以数字、两个连字符或连字符后跟数字开头。标识符还可以包含转义字符和任何ISO10646字符作为数字代码(请参阅下一项)。例如,标识符“B&W?”可能写为“B\&W\?”或“B\26 W\3F”。@epascarello谢谢你,我不想为插件费心。您可以使用类似于
$('body').scrollTop($('.p1').offset().top)
@MichaelMior的内容。我希望在loadfeed()完成后将其移动。我用这个函数更新了我的问题,我如何滚动到21,31,41,我的意思是有一个函数可以填满它们吗?我试图绑定
动画scrollTop
,但我失去了类效果。如何使用scroll插件?我接受这些,如果你完成了答案。。。
<a href="#anchorid">go to title</a>
<!-- html code -->
<h1 id="anchorid">title</h1>
$(document).ready(function() {
    $("a").click(function() {
         // here using jquery scroll plugin
    });
});


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