2013-03-04 4 views
5

ラッパーのdivの幅をコンテンツの幅よりも小さく設定することで、「折りたたんで」いるパネルがあります。ただし、単語を検索するのにctrl fを使用すると、折りたたまれたパネルがスクロールされます。折りたたまれたパネルのラッパーdivの属性scrollLeftはもはや0ではありません。これは、UIを壊すのでスクロールしたくないため、問題です。ブラウザの検索を禁止するCtrlキーを押しながら折り畳まれたdivをスクロールする

折りたたまれたパネルで自動的にスクロールするのを防ぐ方法はありますか?何らかのイベントを私は(フォーカス?)することができますので、ブラウザの検索がアクティブになっているか、またはCSSを設定できるたびにscrollLeftを0にリセットできますか?

jQueryを使用しないため、jQuery関連のオプションはありません。

答えて

1

これは、ユーザーが期待するブラウザや機能のデフォルトの機能です。これを削除するか、開発者にユーザーエクスペリエンスを大幅に変更させる可能性があります。

言われていること、私が持っている最初の提案は完全に崩壊した後、オブジェクトまたはNoneにその内容のCSSの表示を設定)

1以下です。
2)折りたたまれたコンテンツを削除し、メモリに保存して、折りたたまれたコンテンツを開いたときに再び挿入します。
3)折りたたまれた要素が開いたら、scrollLeftを0に設定します。

+0

最初のメソッドを使用して終了しました。 –

+0

"開発者には、ユーザーエクスペリエンスを真剣に変える力を与えるだろうし、良いアイデアもない" - これはナンセンスです。すべての種類のサイトがコンテキストメニューをオーバーライドします。たとえばGoogleドライブはイメージURLを表示しないようにして、画像ホスティングサービスとして使用できないようにします。また、テキスト選択を無効にすることも可能であり、ユーザーエクスペリエンスを大幅に変更することもできます。 – Andy

+0

私はRIAでウィザードのためのカルーセルのようなコンポーネントを持っています。そして、スクリーンの外で翻訳された(単にスクロールされていない)ウィザードのステップは、理由でオフスクリーンです。すべてのブラウザが自動的にオフスクリーンのものに自動的に翻訳されるわけではありません。 – Andy

0

オーバーフローを試しましたか?divに隠れていますか?

関連する問題