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或引导的东西。尝试溢出:隐藏在文本框上输入code>并告诉我它是否有效
你也可以发布你的代码,这样我们就可以有一个上下文。在
我用过:
<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的问题中。它不会运行,但你可以看到我使用的