ランディングページのスクロール（ASP.NET MVC）

Question

複数のセクションを含むランディングページがあります。ここで

は、私はこのウェブサイト上のようにスクロールダウンするようにする必要があり、コード

<!-- About Section --> 
    <section id="about" class="about-section"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-12"> 
        <h1>About Section</h1> 
       </div> 
      </div> 
     </div> 
    </section> 

    <!-- Services Section --> 
    <section id="services" class="services-section"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-12"> 
        <h1>Services Section</h1> 
       </div> 
      </div> 
     </div> 
    </section> 

    <!-- Contact Section --> 
    <section id="contact" class="contact-section"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-lg-12"> 
        <h1>Contact Section</h1> 
       </div> 
      </div> 
     </div> 
    </section>` 

です。

Website

私はこれをどのように達成することができますか？

ありがとうございました！

Answer 1

あり、あなたが見たいものを達成するにはいくつかの方法がありますが、あなたはdidn'tあなたはあまりにもfullPage.js（it's opensource、guidance）のようないくつかの事前に作成JSやIQUERYプロジェクトを取るか、Scrollify（opensource可能性の嗜好を言及して）。

あなたのために何とかできない場合は、hereの上で学童をチェックしてください。

私はこれをテストしなかったので、私はそれをコメントしましたが、私はそれを（申し訳ありません）できません。これがあなたに役立つことを願っています

Answer 2

fullPage.jsは、リンクされたサイトとまったく同じ垂直および水平スライドを備えています。

また、リンクのように1つのセクションにスクロールバーを表示する方法も用意されています。チェックthis exampleを確認してください。

サイトでマウスのドラッグ＆ドロップ機能を使用して水平スライドを提供したい場合は、fullPage.jsにもDrag And Move extensionという文字が表示されます。