dポイントプレゼントキャンペーン実施中！

詳しい人求む！

cssで、ボタンのテキスト部分をクリックすると一瞬右にいきすぐ戻ってくる現象を修正したいのですが。

解決済

  • 質問者：shitsumons
  • 質問日時：
  • 回答数：2件

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

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

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： fji
  • 回答日時：

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

No.1

  • 回答者： fji
  • 回答日時：

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


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

body {
overflow-y: scroll;
}
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

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

通報する
お礼日時：2017/10/12 23:56

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報