秘密基地、どこに作った?

お世話になっております。(昨日も素晴らしい方にお助けいただきとても感謝しております。)
もし、対処法をご存知の方がいらっしゃいましたら教えていただけませんでしょうか。
cssで、ボタンのテキスト部分をクリックするとテキストと最初に現れる写真が一瞬右にいきすぐ戻ってくる現象を修正したいのですが。。。本番のサイトのホスティングに載せるのもなんなので、geocities.jpの無料スペースにアップしましたが、ここのウェブ上では上の文字部分をクリックしてもなぜか反応はおきませんが、そのしたのプルダウンのボタンのportfolioをクリックするときとリフレッシュしたときメイン画像が右にずれるのはこのサイトでもご確認いただけると思います。
oshieteやgooをクリックするとテキストが右に一瞬移動し、すぐもとの位置に戻るということです。メイン画像に関しては、右にちょっとばかり移動したらそのままの位置でおちついています。素人なので説明が下手で申し訳ありませんが、どうか教えていただけましたら嬉しいです。よろしくお願いいたします。

http://www.geocities.jp/fiera2017/index.html
(肝心なところに広告バナーが出ていて見づらくて申し訳ありません。無料なので仕方ありませんが。。。)

A 回答 (2件)

No.1です。


<body>内ではなく、下記のようにcssで記載となります。

■style.css内に記載する場合
body {
overflow-y: scroll;
}

■htmlファイル内に記載する場合
<style type="text/css">
body {
overflow-y: scroll;
}
</style>
    • good
    • 0
この回答へのお礼

お礼が遅くなって大変申し訳ありません!
style.cssに教えていただいたように記載したところ、一発で問題が解決しました!
泣きながら喜んでおります!本当に、心から感謝しております!
どうもありがとうございました!!!!!!!

お礼日時:2017/10/17 11:47

スクロールバーが最初非表示状態から表示状態になっているからではないでしょうか?


cssでbody要素に対して、常にスクロールバーを表示することで解決できないでしょうか。

body {
overflow-y: scroll;
}
    • good
    • 0
この回答へのお礼

大変ご丁寧なご回答ありがとうございました。
書き込みいただけて、とっても嬉しかったです。

<body>body {
overflow-y: scroll;
}</body> 
を書き加えてみましたが、何も変わらずでした。
これであってましたか????

お礼日時:2017/10/12 23:56

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


おすすめ情報