>我在我的页面上放了一个 A 标签,当用户点击它时,页面会有一个新的输入字段来写入信息,如下所示:
网页代码
<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 代码上添加一个名称 = "这里" 的标签,然后在 JavaScript 代码上放置"window.location("#here")"来做到这一点,但我想做那个动态
当用户单击添加新的输入字段时,屏幕应自动滚动到该新输入字段
使用 .focus()
和 .last()
$('a.smallLink').last().focus();
这是jQuery集的一部分,不确定你是否正在使用库。
您可以更改滚动容器上的 scrollTop 属性(例如 body 或您的div)。
希望对您有所帮助。