php - 按 #id 滚动 div，我做错了什么？

Question

我正在为我的网站编写留言板。每条消息都会在数据库中通过自动递增获得一个 id。板上的消息位于“li id=#”标签下，其中“li”从数据库获取 ID。我尝试通过 JavaScript 创建滚动功能，以便向下和向上箭头可以在整个消息中移动。

这是我到目前为止所得到的:

down.node.onclick = function() { // down arrow

var msgs = document.getElementById("kommentit"); // the <ul> element
var a = new Array();


if (msgs.hasChildNodes()) {
    var children = msgs.childNodes;
    for (var i = 0; i < children.length; i++) {
        if (msgs.childNodes[i].tagName == "LI") {
            a.push(msgs.childNodes[i].id); // array with the id's
        }
    }

}

for (var i = 0; i < a.length; i++) { // this is what goes wrong
    parent.location.href = '#' + 'a[i + 1]';
}

因此，虽然数组获取了正确的值，但实际函数不起作用。使用此代码，当我单击时，我会得到 .../index.php#[a + 1] 作为我的网址。

如果我使用 ''+a[i + 1]+'' 页面会刷新整个数组，直到它以 #undefined 解决。

ID 的格式为“id-xx”，这就是问题所在吗？我尝试使用 msgs.childNodes[i].id.split("id-") 拆分 id，但如果这样做，我会得到“,xx”作为数组中的值。

Answer 1

如果您想每次滚动到下一个项目，则必须找到您滚动到的最后一个项目。不是为了发明自行车，我建议你使用一些JS框架和插件来实现滚动。这将为您节省大量时间。

示例是:

• jQuery - 框架
• jCarousel - 滚动插件