0

角度2のアプリがあります。コンテンツをドラッグしたり、スクロールしたりする際に角2ページが左右にスライドするのを防ぐにはどうすればいいですか?

私はページをスクロールすると、ページを少しずつスワイプさせようとするように動作し、水平のラバーバンド効果が起こっています。私はページを両サイドにスワイプしようとしているようだ。

この問題は、カルーセルのような要素を実際にスワイプすると悪化します。カルーセルを左右にスワイプし、そのページをカルーセルと一緒にドラッグします。

これを防ぐ方法を教えてください。

+1

は本当にこれが起こっている理由を理解することはより多くのコンテキストが必要ですが、クイックフィックスソリューションは、あなたが選択不可に移動したくないものを作るために次のようになります。 -moz-ユーザー選択\t {.unselectable:-moz-なし。 \t -khtml-user-select:none; \t -webkit-user-select:none; \t -o-user-select:none; \t user-select:none } 移動するものにはそのクラスを追加するだけです(イオン性または類似のモバイルアプリ環境では機能しない可能性があります)。 –

+0

ありがとうございました!問題はまったく異なっていた。セマンティックUIフレームワークによって引き起こされました。私はこの問題の答えにすべてを書きます。再度、感謝します! – neoswf

答えて

1

私の問題は実際には異なっていました。それはsemantic-uiグリッドシステムの実装によって引き起こされました。

負のマージン、margin-left:-15px; margin-right:15pxがあり、モバイルではドラッグすると画面が水平に移動します。

メイン容器にoverflow:hiddenを置いて解決しました。そのような単純な。

関連する問題