css - jqueryのタブ付きコンテンツはページシフトを作成します

Question

jquery のタブ付きコンテンツを使用していますが、製品タブ以外のタブに移動すると、ページが数ピクセル右に移動し、製品タブをクリックすると元に戻ります。一体何がこれを引き起こしているのでしょうか?

実際の動作を見るためのリンクhttp://clients.zerozendesign.info/techject/

Answer 1

その理由は、製品タブの長いページ コンテンツにスクロール バーが存在するためです。次のように、オーバーフロー用の CSS プロパティを使用して、コンテンツがスクロール バーを必要としない場合でも、スクロール バーを表示することを検討する必要があります。

html { overflow-y:scroll; }