問題タブ [anchor-scroll]

大学で新しいプロジェクトを開始しましたが、コードに問題があります。

スムーズ スクロールを使用して別のアンカーに移動すると、#name_of_the_anchor リンクがステータス バーに表示されます。

スムーズ スクロールは「a href」を使用した場合にのみ機能するため、ステータス バーにはすべての div のリンクが表示されます。

Javascript:

このコードを変更して、ステータス バーにリンクを表示しないようにするにはどうすればよいですか? 君たちありがとう！

そのページ内のセクションにスティッキー ナビゲーションがあるページがあります。スティッキー ナビゲーションとインライン アンカーは正常に機能しますが、ページに直接アクセスして を確認すると、が正しく計算されないwindow.location.hashという問題が発生します。offset().topこれは、私のセクションの 1 つに一連のフローティング div (グリッドを形成するため) があり、フロートが発生する前に計算が div の高さ (積み重ねられた) を表示しているためです。それを回避する1つの方法..そして私はこのオプションが2秒待ってから実行するのが嫌いですscrollTo().

フロートが実行された直後にこの計算を行う方法はありますか? 試してみましたが$(window).load()、動作が断続的です。setTimeout()また、読み込み速度などによっては私の誤差が出ると思います。

または、オフセットを計算せずに scrollTo に直接移動する方法はありますdiv#idか?

これが私が今それを管理している方法です：

ありがとう！

ボタンまたはリンク コンポーネントがクリックされたときにLabel、ビュー (たとえばa ) 内の特定のポイント (たとえば a ) にスクロールまたはジャンプする方法は vaadin にありますか? Panelウェブサイトのアンカー機能に似ていますか?

Vaadin 7.5.9 を使用しています

編集： 私はHorizontalSplitPanel. その最初のコンポーネントは、ユーザーが選択できるアイテムのリストです。HorizontalSplitPanel開くの 2 番目のコンポーネントを選択したアイテムです。2 番目のコンポーネントはVerticalLayout、見出しとメニューを含む とで構成されますPanel。メニューに選択肢がある場合はPanel、参照されたエントリまでスクロールする必要があります。

ユーザーがページを下にスクロールすると、ページの上部に固定される Magento のスティッキー メニューがあります。問題は、Magento には 1 ページのチェックアウト プロセスにアンカーがあり、アンカーがスティッキー メニューの後ろにあるため、ヘッダーやトップ フォーム フィールド ラベルなどが失われることです。

可能であれば、アンカーの上部にパディング/マージンを追加するか、JS でオフセットする必要があります。

JS コードを追加できますが、これは非常に長い標準の Magento 1.9.2.2 コードであり、skin/frontend/base/default/js/opcheckout.js にあります。

デモ サイトはこちらです。ゲストとしてチェックアウトを選択して続行すると、デスクトップで問題が発生しますhttp://orbdemo.co.nz/cufflinks/checkout/onepage/

いくつかのcssを試してみましたが、何も機能しませんでした.1時間オンラインで見ても、何の助けにもなりません. 御時間ありがとうございます ：）

私が使用しているとき

ページの特定のポイントに移動するためのコントローラーで。ページの上部スクロールが停止し、下部スクロールが長くなりすぎます。修正があれば投稿してください。

つまり、基本的には、stackoverflow で既に見つけたソリューションのおかげで、5 秒後にアンカーへのスムーズなスクロールを作成することができました。

これに追加できないと思われるビットは、ユーザーが 5 秒以内にまだスクロールしていない場合にのみ、このトリガーを使用することです。これは、刺激的な経験になる可能性があるためです。

さまざまな方法で .scrollTo() を追加して、別の関数で全体をラップすることを試みましたが、Javascript の基本的な理解と微調整を除けば、あまり知識がありません。

どんな助けでも大歓迎です。

答え：

@ByteHamster に感謝します。

このコードは、5000 ミリ秒後にユーザーを ID タグまでスムーズにスクロールしますが、ユーザーが既にスクロールを開始している場合はトリガーしません。

SF でのスムーズ スクロールについて既に質問があることは知っていますが、必要なものが見つかりません。改善されたスムーズ スクロール スクリプトを既に使用していますが、これはこの Web サイトhttp://michaelacevedo.comにあるもので、達成したいものです。リンクをクリックすると、非常にゆっくりと始まり、その後、スピーディーなアニメーションが目的のセクションに移動します。他のスムーススクロールとは本当に違います。誰でもこの効果の実装を手伝って、コードが何をしているのかを説明できますか? ありがとう

I have a navbar at top. When page loads, it is 'relative'. If I scroll. it changes to 'fixed'. There is an issue with anchors on page. When page loads and I am at top of page, clicking link to an anchor scrolls me to section and a part of it is hidden. When I click the same link in that position, it scrolls to the top of section correct.

What can I do to fix that problem?

The HTML

The javascript

and

UPD: Solved in this way