我該如何阻止用戶水平拖動頁面？

我的頁面具有水平滾動功能，當按下按鈕時，包含滾動內容的DIV動畫顯示在左側。我該如何阻止用戶水平拖動頁面？

該元素的寬度是18000px，所以它有一個水平滾動條，我禁用。

但是我仍然可以拖動我的頁面左右，我想阻止用戶這樣做。有沒有解決我的問題的CSS？感謝您的時間

來源

2013-09-05 user2751288

即時通訊問如何阻止人們用他們的鼠標左右拖動頁面 – user2751288

這個線程上的確切問題有一個答案。 – Itay

作爲該問題狀態的答案;在滾動事件之前取消可能導致滾動的事件，並且如果滾動以某種方式通過網絡，則實現「捕捉到默認值」。 –

我想使用的DIV overflow:hidden和使用JavaScript來控制margin-left左移位，右將做的工作

編輯添加例如：

<!-- The "Frame" --> 
<div class="container" style="width:1024px;overflow:hidden"> 
    <div class="very-long-div" style="width:18000px"> 
    Your awesome content here 
    </div> 
</div>

來源

2013-09-05 15:45:01

這工作得很好，謝謝 – user2751288

在你的CSS，通過做body{overflow-x:hidden;}隱藏水平滾動條。

來源

2013-09-05 15:47:13 kamoroso94

我仍然可以按住鼠標左鍵並向右拖 – user2751288

我該如何阻止用戶水平拖動頁面？

回答

相關問題