如何隱藏滾動條同時仍允許滑鼠和鍵盤滾動？

在保持滑鼠/鍵盤滾動的同時隱藏滾動條

此問題已被標記為重複，但原始線程沒有充分解決該問題隱藏滾動條同時仍允許使用滑鼠或鍵盤滾動的特定問題。

原始問題：

我可以隱藏滾動條，同時仍允許滾動滑鼠還是鍵盤？

CSS Overflow: Hidden 限制：

CSS 屬性Overflow: hide 可用來隱藏捲軸，但它也會停用

jQuery解決方案（原始）：

原始線程提出了一個 jQuery 解決方案，可以在沒有滾動條的情況下動態測量文本區域的寬度並設置包裝器 div 的寬度因此。這會產生一個沒有可見滾動條的可滾動 div 的錯覺。

// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;

// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";

JavaScript 解決方案（不使用jQuery）：

或者，可以應用相同的原理，而無需jQuery:

document.getElementById("wrapper").style.overflow = "hidden";

// get the width of the textarea minus scrollbar
var textareaWidth = document.getElementById("textarea").scrollWidth;

// width of our wrapper equals width of the inner part of the textarea
document.getElementById("wrapper").style.width = textareaWidth + "px";

更新：

同樣的原理可以用於使用CSS 和JavaScript 建立沒有捲軸的可滾動div。

以上是如何隱藏滾動條同時仍允許滑鼠和鍵盤滾動？的詳細內容。更多資訊請關注PHP中文網其他相關文章！