Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 防止在文本框中滚动_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 防止在文本框中滚动

Html 防止在文本框中滚动,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,如果我的textbox恰好处于焦点位置,而您在其中使用了滚动条,则页面滚动条会被窃听。换句话说,它看起来像是在我的文本框中滚动,而不是在页面中滚动,这导致如果我想删除错误,就必须重新加载页面 我唯一的解决办法是一旦文本框聚焦,我想滚动页面,我必须单击页面主体以取消聚焦。不是每个用户都知道这个问题,并可能导致页面滚动到错误。是否有办法防止在文本框上滚动?不确定此功能的名称 仅供参考:尝试过类似此错误滚动仍会发生 textbox { position: fixed; white-sp

如果我的
textbox
恰好处于焦点位置,而您在其中使用了滚动条,则页面滚动条会被窃听。换句话说,它看起来像是在我的
文本框中滚动,而不是在页面中滚动,这导致如果我想删除错误,就必须重新加载页面

我唯一的解决办法是一旦
文本框
聚焦,我想滚动页面,我必须单击页面主体以取消聚焦。不是每个用户都知道这个问题,并可能导致页面滚动到错误。是否有办法防止在
文本框上滚动?不确定此功能的名称

仅供参考:尝试过类似此错误滚动仍会发生

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


它不运行此代码段中的代码,但它显示了我的CSS。我使用的是asp.net文本框/标签,但这不会影响滚动的原因。必须是CSS或引导的东西。

尝试
溢出:隐藏并告诉我它是否有效

你也可以发布你的代码,这样我们就可以有一个上下文。

我用过:

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

window.onwheel=函数(){return false;}
$(window.bind('mousewheel-DOMMouseScroll',函数(事件){return false});

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

更新了我的帖子。我尝试了
溢出:隐藏
,但没有成功。尝试
位置:绝对仍然存在
absolute
的bug。这是一个奇怪的错误,因为一旦你在文本框中滚动,页面本身似乎就卡住了。请创建一个带有该组件的JSFIDLE,并将其附加到我在JSFIDLE中加载css的问题中。它不会运行,但你可以看到我使用的