0

我在我的页面上放了一个 A 标签，当用户点击它时，页面会有一个新的输入字段来写入信息，如下所示：

HTML 代码

<a href="" class="smallLink" onclick="return ioAddNewContent()">new info</a>

单击“新信息”后，我不想向 url 添加哈希，因此我使 javascript 返回 null，如下所示：

javascript代码

    function ioAddNewContent(){
    var bigLi = document.getElementById('ioAddContents');
    var p = document.createElement('p');
    var label=document.createElement('label');
    var input = document.createElement('input');
    var a = document.createElement('a');
    label.setAttribute('class', 'ioAddOneContent');
    label.innerHTML='write one info';
    input.setAttribute('type', 'text');
    input.setAttribute('class', 'longInput');
    a.setAttribute('href', '');
    a.setAttribute('class', 'smallLink');
    a.setAttribute('onclick', 'return ioAddNewContent()');
    a.innerHTML=' new info';
    p.appendChild(label);
    p.appendChild(input);
    p.appendChild(a);
    bigLi.appendChild(p);
    return false;
}

点击“新信息”10次后，用户必须向下滚动才能看到新的输入字段，我不希望这样，我希望每次点击“新信息”时屏幕都应该转到那个新的输入字段，

我知道我可以通过在 html 代码上添加一个带有 name =“here”的标签，然后在 javascript 代码上放置 `window.location("#here")` 来做到这一点，但我想做那个动态的

当用户单击添加新输入字段时，屏幕应自动滚动到该新输入字段

4

2 回答 2

1

您可以更改滚动容器（例如正文或您的 div）上的 scrollTop 属性。

希望能帮助到你。

于 2012-05-11T10:21:00.447 回答
1

使用.focus()和.last()

$('a.smallLink').last().focus();

这是 jQuery 集的一部分，不确定您是否使用库。

于 2012-05-11T10:26:30.110 回答