Question

如果我的textbox碰巧被聚焦并且您在其中使用滚动，则页面滚动会被窃听。换句话说，看起来我在我的textbox而不是页面中滚动，这导致我必须重新加载页面，如果我想删除该错误。

我唯一的工作是textbox聚焦后，我想滚动页面，我必须点击页面主体才能聚焦。并非每个用户都会知道此问题，并且可能导致页面滚动到该错误。有没有办法阻止textbox上的滚动？不确定这个功能是什么。

仅供参考：尝试了类似这样的错误滚动

textbox {
    position: fixed;
    white-space: nowrap;
    overflow: hidden;
}

JsFiddle https://jsfiddle.net/nmbga0nu/3/

它不会运行此代码段中的代码，但会显示我的CSS。我正在使用asp.net文本框/标签，但这不应该影响滚动发生的原因。必须是CSS或bootstrap。

Answer 1

在文本框中尝试overflow: hidden;，让我知道它是否有效。

您也可以发布您的代码，以便我们可以拥有上下文。

Answer 2

在Prevent mouse wheel scrolling, but not scrollbar event. JavaScript

找到了替代方案

我用过：

<script type = "text/javascript">
      window.onwheel = function () { return false; }
</script>
 <script type = "text/jscript">
     $(window).bind('mousewheel DOMMouseScroll', function (event) { return false });
</script>

这只删除了窗口/文本上的滚动周期，并强制用户拖动页面滚动。

防止在文本框中滚动

2 个答案: