Question

我已经通过点击锚点动态创建了文本字段。每当我点击锚点按钮时，就会创建新的文本字段，并且每次点击锚点时都会创建n个文本字段。我的问题是滚动条。每当窗口大小超出时，滚动条就会出现。在此之后，当我向下滚动并单击锚点时，滚动条不会保持静态并且会移动到顶部。为了创建一个新的文本字段，我必须再次滚动。

你们中的任何人都可以帮助我如何使这个滚动条保持静态，这样它就不会自动滚动到顶部。

此致乙

Answer 1

我猜你可能有＃34;＃＆＃34;作为你的链接中的href值和你的javascript通过onclick绑定？这会导致窗口在单击链接时滚动到顶部。

解决此问题的最简单方法是删除onclick属性，并将href属性更改为表单＆＃34; javascript：createTextBox（）＆＃34;。

例如从：

<a href="#" onclick="createTextBox();">Create</a>

要：

<a href="javascript: createTextBox();">Create</a>

Answer 2

<div id="divForAnchor">
<a id="clickAnchor" href="#">Click to add a text box</a>
</div>
var counter = 0;

$('#clickAnchor').click(function(){
    var template = $("<p><input type='text' name='textbox "+counter+"'>");
    $('#clickAnchor').prepend(template);
    var containerHt = $('#divForAnchor').outerHeight();
    $('html,body').animate({scrollTop: containerHt});
    counter++;
  });

在此代码中，文本框附加在锚标记之前。在添加文本框时，当窗口大小超过时，滚动条会自动移动到锚标记。希望这对你有用。

如何使浏览器滚动条保持静态

2 个答案: