javascript - ダイアログボックスを開くときにページスクロールを無効にする方法は?

Question

.hover()コマンドに応答して開き、ホバーを離れると閉じるjqueryダイアログボックスに重大な問題があります(もちろん2つの機能が必要です)。

ダイアログ ボックスがページから少しはみ出すと、ページ全体が上にスクロールします。これを無効にしたいのですが、方法がわかりません。

私が試してみました：

1. 使用してevent.preventDefault()
2. ui-dialogCSSを次のように置く'position: relative'
3. スクロールバーを元の場所に戻します（しかし、これはひどいようです）

他のアイデアはありますか？

編集: jsfiddle のコードは次のとおりです: http://jsfiddle.net/TzUf3/1

Answer 1

ポップアップの位置が固定されていることを確認してから、本文を overflow:hidden; に設定します。

ダイアログが閉じたら、overflow 属性を削除します。