2016-12-18 15 views
2

ブラウザのサイズ変更を一定の幅で止めるための解決策を考え出しています。ただ、テストのために私は次のディレクティブを使用しています:ブラウザウィンドウのサイズ変更を防止する

admin.directive('stopResizing', function ($window) { 
return { 
    link: function (scope, elem) { 
     angular.element($window).on('resize', function (event) {     
      event.preventDefault(); 
      return false; 
     }); 
    } 
}; 
}); 

私は成功したイベントをキャッチしていますが、私のコードは効果がありません - ウィンドウがまだリサイズされます。私はbodyのmin-widthのようなCSSアプローチを使ってみましたが、うまくいきませんでした。これはボディータグです:

<body stop-resizing style="min-width: 960px; margin: 0 auto;"> 

何か助けていただければ幸いです。

おかげ

+0

私はすべてのブラウザは、それが電子のようなウェブページとして-アプリフレームワークのいくつかの種類でなければ、あなたのコントロールのレベルを可能にするために起こっている疑い。 –

+0

ブラウザのサイズ変更に焦点を当てるのではなく、コンテンツをより大きなウィンドウまたは小さなウィンドウの中でサイズ変更しないように注意してください。ブラウザの大きさを決めるユーザーの意思を表します – Bindrid

+0

Chromeの設定ウィンドウのサイズを水平に変更しようとすると、私が求めているものが表示されます。 – Mark

答えて

-1
angular.element(window).off("resize", function() 
{ 
    elem.css("min-width: 960px; margin: 0 auto;") 
}); 
+0

Nope。以下は[off()のドキュメント](http://api.jquery.com/off/)です。既存のイベントハンドラを削除します。 – iblamefish

+0

あなたはこれで確認してください - http://stackoverflow.com/questions/13268424/removing-the-window-resize-event-in-jquery –

+0

その答えは、ドキュメントに従ってメソッドを使用しています。 「オン」で付いていた。 – iblamefish

関連する問題