Question

每次按下按钮（通过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日....

当用户点击#loadmore时，如何将浏览器带到21日，31日，41日？

Answer 1

使用jQuery插件scrollTo()。

Answer 2

从记忆中，例如：

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

关键位是window.scrollTo（）和jquery的offset（）

Answer 3

首先，我的每个文件必须只出现一次。但是类可能会受到多个元素的影响，每个元素都可以拥有多个类。

这是两个解决方案：
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>

如何将浏览器的滚动条移动到类？

3 个答案: