質問

アンカーセット (...#xxx) を使用してサイトにアクセスすると、上部の画像がビューポートの外に移動します。

通常の動作: http://soc.org/index.php?id=4
破損したデザイン: http://soc.org/index.php?id=4#c272

上の画像は絶対配置されています。google-analytics コードの直後にいくつかの空白行があります。それらを削除すると機能します。

ご提案をいただきありがとうございます。

役に立ちましたか?

解決

div.upperPage の overflow:hidden をオフにすると、何が起こっているかがわかりやすくなります。

アンカーがページ全体ではなく、そのコンテンツのスクロールを引き起こしていることがわかります。ただし、アンカー要件を満たすためにどの要素をスクロールする必要があるかを規定した仕様を私は知りません。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top