私はsmoothscroll.jsを使用して自分のサイトを移動しています。それはFirefoxの正しいアンカーで停止しますが、Chromeではリンクの最初のクリックでポイントを渡し、コンテンツをページの後ろに隠して上にプッシュします。もう一度クリックすると、正しく整列されます。私は他のサイトの問題も見てきました。他の人が同じ問題を抱えているかどうかを知りたい。クロムは、トップパッディングやマージン、ポジショニングを無視しているようです(例:トップ20%;)。固定ヘッダー、ヘッダーの後ろに隠されたコンテンツ、余白、上部パディングが機能しないためにスクロールします。
7
A
答えて
10
は解決:http://nicolasgallagher.com/jump-links-and-viewport-positioning/demo/#method-D
は、利用可能ないくつかの方法があります。
-3
これは、ヘッダーhtml5要素を使用する新しいWordPressテーマが原因である可能性があります。私は私のヘッダーをdivに変更し、うまくいきました。
0
これを行うにはLocal Scroll (JQuery)を使用しました。
それは、私は、これらの方法で#targetがに相関を理解トラブルを抱えている
$.localScroll({
offset: -100
});
関連する問題
- 1. 固定ヘッダーでスクロール可能なコンテンツ
- 2. 固定ヘッダーの後ろに表示されるコンテンツ
- 3. ヘッダー上部の余白
- 4. スクロール後の固定されていないヘッダーの隙間が上部にある固定のサイドバー
- 5. 最初のセクションのヘッダーが上部に固定されたUITableView
- 6. Material Design Liteを使用してヘッダーが上部に固定されたスクロール可能なページ
- 7. reactjs固定/固定ヘッダーが反応しないために反応します
- 8. スクロールの上部ヘッダーを隠す
- 9. 上部に固定ヘッダーがあるテーブルをスクロールする
- 10. ヘッダーはページの上部に固定されていません
- 11. 上記のDivが過去にスクロールされたときの固定ヘッダー
- 12. スクロール可能なブートストラップテーブルの固定ヘッダー
- 13. ヘッダーを固定した後に列テーブルのヘッダーが整列しません
- 14. divコンテンツが画像の場合、固定ヘッダーが機能しない
- 15. 固定ヘッダーとフッターとスクロール可能なコンテンツを持つFlexbox
- 16. スクロール時に固定ヘッダー
- 17. 固定位置ヘッダーのdivでZ-インデックスが機能しない
- 18. ブートストラップテーブル固定ヘッダーの列スパンが機能しない
- 19. スクロールダウンしてもhtmlテーブルのヘッダーがページの上部に固定
- 20. スクロール可能なナビゲーションバーとブラウザのビューポートを下回らないコンテンツの固定ヘッダー
- 21. 固定ヘッダーと固定列のスクロール可能なHTMLテーブル
- 22. JTableヘッダーの上にマージされたヘッダー。
- 23. 固定ヘッダーがコンテンツの開始セクションを隠す
- 24. データテーブルの固定スクロールの固定ヘッダー
- 25. スクロールの固定ヘッダーがie8で動作していない
- 26. 固定ヘッダーとHTMLのスクロール
- 27. SSRS:スクロール中の固定ヘッダー
- 28. ページがスクロールしたときの固定ヘッダー変換
- 29. ナビゲーションバーをスクロールして、固定ヘッダーの下に固定したままにします。問題
- 30. アンドロイド上のxmlの相対レイアウトで、余白またはパディングが機能しない
オフセットあなたがトップを行うことができます。私は試していた - demo-のように、しかし行きません。任意のヒント? – ATSiem
Nicolas Gallagherの方法は、このHTML とこのCSSだけを含むhttp://stackoverflow.com/a/13184714/109618と比べて少し複雑です。a.anchor {display:block;ポジション:相対; top:-50px; visibility:hidden;} –
私はいくつかの方法を試した後、隠されたはとても簡単で素敵な解決策だと思います。マージンとパディングを必要に応じて使用できる通常のレイアウトを損なうことなく、リンクされた要素の位置を適切に制御できます。デビッドジェームス – dichterDichter