如何使浏览器滚动条静态

How to make the browser scrollbar static

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

我在锚点的帮助下动态创建了文本字段。每当我点击锚点按钮，新的文本域就会被创建，就像每次点击锚点都会创建n个文本域。我的问题是滚动条。当窗口大小超过滚动条时，滚动条就会出现在画面中。现在，当我向下滚动并点击锚点时滚动条不再保持静态，它移动到顶部。为了创建一个新的文本域，我必须再次向下滚动。

你们谁能帮我如何使这个滚动条静态，使它永远不会自动滚动到顶部。

问候,伊桑

我猜你可能有"#"作为href值在你的链接和你的javascript捆绑通过onclick?这将导致当点击链接时窗口滚动到顶部。

最简单的补救方法是删除onclick属性，并将href属性更改为"javascript: createTextBox()"。

例如

来自:

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

: 

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

<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++;
  });

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

相关文章：