防止在文本框中滾動

如果我的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

防止在文本框中滾動

回答

相關問題