防止在文本框中滚动

如果我的textbox碰巧聚焦，并且您使用其中的滚动，页面滚动会发生错误。换句话说，它看起来像在我的textbox而不是页面内滚动，这导致我必须重新加载页面，如果我想删除该错误。防止在文本框中滚动

我唯一的工作就是一旦textbox聚焦，我想滚动页面我必须点击页面的主体来重点。不是每个用户都会知道这个问题，并可能导致页面滚动到错误。有没有办法阻止textbox上的滚动？不确定此功能被称为。

FYI：试过像这样的错误滚动仍然发生

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

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

它不运行在这个片段中的代码，但它显示了我的CSS。我使用的是asp.net textbox/label，但这不应该影响滚动发生的原因。必须是CSS或bootstrap的东西。

来源

2017-07-25 narue1992

尝试overflow: hidden;的文本框，让我知道它是否工作。

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

来源

2017-07-25 14:18:18

更新了我的文章。我尝试了'overflow：hidden'，但没有工作。 – narue1992

尝试'位置：绝对;' –

仍然错误'绝对'。这是一个奇怪的错误cuz一旦你在文本框中滚动页面本身似乎卡住了。 – narue1992

发现在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>

这只是删除窗口/文字和部队用户滚动周期拖动页面的滚动。

来源

2017-07-25 15:18:41 narue1992

防止在文本框中滚动

回答

相关问题