1

独立して見られる部分のある1ページのウェブサイトを調整しています。たとえば、「サービス」ボタンを押すと、他のコンテンツを表示せずにページのその部分に移動します。

サービス部分にはスクロールバーが必要です。私はtinyscrollbarを使用しています。

#services { width:1100px; height:440px; bottom:0; position:absolute; top:60px; display:none; }

display:none が含まれている場合、スクロールバーは機能しません。表示されていますが、バーがスクロールできません。display:none を削除するとスクロールバーは機能しますが、レイアウトが完全に固まります。初回訪問時、サービス内容（メニュー3）がメニュー1の内容と混同して表示されるようになりました。こちらは初回のみとなります。メニューを使用した後、問題はなくなり、レイアウトは正常に戻りました。

これを解決する方法がわかりません。

助けてください。

ありがとう！

ps 現在、ウェブサイトをオンラインにすることはできません。スクリーンショットをいくつか追加しました。これで問題が明確になることを願っています。削除された display:none 追加された display:none最初のスクリーンショットにはスクロール可能なスクロールバーが表示されますが、2 番目のスクリーンショットには表示されません。問題は、Web サイトに入ったときにのみ表示されます。ボタンを押すと問題が消える

pps 問題についてはこちらをご覧ください。Web サイトをアップロードしました: test.iwebs.ws

4

2 に答える 2

0

display:noneの代わりにvisibility:hiddenを定義できます。

visibility: hiddenは要素を非表示にしますが、レイアウト内のスペースを占有します。

display: noneは、ドキュメントから要素を完全に削除します。そのための HTML はまだソース コードにありますが、スペースを占有しません。

于 2012-10-15T12:43:38.093 に答える
0

display:none;の場合は、div を表示した後にtinyscrollbar_update()関数を使用する必要があります。ページの読み込み時。

var scrollbar = $('#services');
scrollbar.tinyscrollbar();

$('#services').show();

scrollbar.tinyscrollbar_update();
于 2012-10-19T13:55:00.450 に答える