2016-04-10 16 views
0

この質問がインターネットに浸水しても謝罪しますが、何も私の好意では機能しません。反応成分中のDivアンカータグ

あなたがする必要があるのは、あなたが行くdivに一致するURLの末尾に# + div idを追加することだけです。

特定のURLにアクセスすると、ビューポートがそのdivに移動します。例えば:私は、HTMLのこの部分ではない多くの経験を持っているとJavaScript is involvedかしら

<div id="1"></div> 
<div id="2"></div> 
<div id="3"></div> 
<div id="4"></div> 
<div id="5"> 
<!-- You have found me! --> 
</div> 

www.foo.com/bar#5 

は私にとりますか?

私は以前、Dreamweaverを使用していましたが、アンカータグを追加したのはボタンをクリックしただけだったので、その背後にある実際の作業を知りませんでした。

私のフロントエンドはReactです。あなたは、サーバー側のレンダリングを使用しないアプリケーションを反応させた場合、あなたはあなたのユーザーに届けるすべてがあることを

enter image description here

答えて

0

は通常、あなたが正しいですが、心を持っている:使用して、レール5.

私は、レイアウトを反応させます後で反応してDOMをレンダリングする空白のページ。この問題は、ブラウザが最初にページをロードし、idを持つ要素を検索すると文書が空である可能性があることです。

+0

古い方法では、 'name =" 5 "'を使うことができますが、まだ動作しません。私のページは空白ではありません。私は材料のようなカードでdivsを持っています。 – Sylar

+0

サーバー側のレンダリングはありますか? –

+0

はい、持っています..... – Sylar

関連する問題