Angular2コンポーネントはどのようにして同じページに収まるのですか？

Question

私は最初のコンポーネントを（ランディングページのように）すべての画面に合わせて にして、ブラウザのスクロールバーを持ってスクロールできるようにしたいと考えています下に2番目のコンポーネントを表示します。 （ホバー矢印を追加して、スクロールダウンできることをユーザーに知らせたい） しかし、私がそれらを一緒に合わせてみると、同じページに表示されます。 提案がありますか？ 私はBoostrap4とflexboxを使用しています ありがとうございます。

Answer 1

私が正しく理解していれば、これはあなたがしたいことをするはずです。 https://jsfiddle.net/o1uwahL8/

HTML：：私は、単純なフィドル作ら

<div id="componentOne"> 
    Component 1 

    <div> 
    <a href="#componentTwo">Go to two</a> 
    </div> 
</div> 

<div id="componentTwo"> 
    Component 2 
</div> 

私はここにdivを使用するが、これはあなたのコンポーネントセレクタと異なってはなりません。

CSS：

body, html { 
    height: 100%; 
    width: 100%; 
} 

#componentOne { 
    height: 100%; 
    width: 100%; 
    background-color: red; 
} 

#componentTwo { 
    height: 100%; 
    width: 100%; 
    background-color: yellow; 
} 

は、すべてのラッピングタグはその高さを100％に設定しているか、これは動作しませんしてください！

ご不明な点がございましたら、お気軽にお問い合わせください。 jQuery scroll to element