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

How to move browser's scrollbar to a class?

本文关键字：移动 滚动条 浏览器      更新时间：2023-09-26

每次按下按钮(通过loadfeed函数)，该脚本都会在index.php中加载10个来自people .php的帖子。

$("#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个帖子?

首先，每个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>

使用jQuery插件scrollTo() .

从记忆中，比如:

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

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

相关文章：