如何防止Angular 2頁面在拖動內容時滑動或滾動？

有一個Angular 2應用程序。如何防止Angular 2頁面在拖動內容時滑動或滾動？

當我滾動頁面時，頁面的行爲就像我嘗試向側面滑動一點，併發生水平橡皮筋效應。似乎我試圖將頁面滑動到兩側。

這個問題越來越嚴重，當我真正滑動元素，像旋轉木馬。將傳送帶滑動到兩側，將該頁面與傳送帶一起拖動。

如何防止這種情況發生？

2017-09-04 neoswf

真的需要更多的上下文來理解爲什麼發生這種情況，但和quickfix的解決辦法是讓你不想搬東西不可選擇： .unselectable { \t -moz-用戶選擇：-moz-無; \t -khtml-user-select：none; \t -webkit-user-select：none; \t -o-user-select：none; \t用戶選擇：無 } 只需將該類添加到不應該移動的任何東西（可能不適用於離子或類似的移動應用程序環境）。 –

謝謝你！問題完全不同。它是由語義UI框架引起的。我會在這個問題的答案中寫下全部內容。再次感謝！ – neoswf

我的問題實際上是不同的。它是由網格系統執行semantic-ui引起的。

它得到負邊距，margin-left:-15px; margin-right:15px，在移動時它使屏幕在拖動時水平移動。

我通過在主容器上放置overflow:hidden來解決這個問題。就那麼簡單。

來源

2017-09-05 13:36:33 neoswf

如何防止Angular 2頁面在拖動內容時滑動或滾動？

回答

相關問題