3

まず最初に、私はコーディングが得意ではないことを認めさせてください。私はグラフィック デザイナーですが、HTML5 を独学で学ぼうとしています。ほとんどの問題をトラブルシューティングすることができましたが、今は困惑しています。

基本的に私の問題は、iframe 内のサムネイルをクリックすると、サムネイルが画面の一番上に配置されることです。translateY を「page」クラスに追加してみました。iframe ページ内でも試しましたが、メインの画像がずれてしまいました。

私のテストページはhttp://www.brodylahd.com/index2でオンラインです

猫チェンへの返信

はい、それが私がする必要があることだと思います...しかし、それでも同じ水平方向の動きがありますか?

4

2 に答える 2

0

これは でアンカーに移動する際の問題でiframeあるため、ブラウザをターゲットにしている場合、ブラウザはアンカー内のコンテンツに集中する傾向があります。

あなたの場合の最も簡単な解決策（理想的ではありません）は、スクロールする場所を制御することです。

#a1 { position:relative; top: -186px; }
#wrapper { position:relative; top: 186px; }

ページは視覚的により正確に中央に配置されますが、それでもスクロールします。

それでも CSS を使用したい場合は、links+の動作を、ブロックの#aN:target .page{…}前にラベルとラジオボタンを使用するものに変更してみてください。ただし、ブラウザがスクロールするかしないかはわかりませんリンクの代わりにラジオを使用している場合のページ。.page#aN:checked+.page{…}

于 2011-09-27T20:51:40.693 に答える
0

href 属性で #a1 #a2 #a3 のようなアンカー ( Uri Fragments )を使用しているため、クリックするとコンテナーが画面の最上部に配置されるサムネイル リンク。

次のような小さな JavaScript 回避策を使用して、そのフラグメントを削除するか、ページ内の移動を防ぐことができます。

$('#thumbs').find('a').bind('click', function() {
    return false;
})
于 2011-09-19T03:03:50.853 に答える