jQueryを設定するにはどうすればいいですか？

私はjQueryのScrollifyが私のサイト上で動作するように取得することができません、私はスムーズに右の私のホームページの下のthatsのdiv要素に私のホームページからスクロールしたい、これが私のコードです：jQueryを設定するにはどうすればいいですか？

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"> 
    </script> 
    <script src="scriptfile.js" type="text/javascript" ></script> 
    <script src="jquery.scrollify.js"></script> 

    </head> 
    <body>

</div> 

    <div class="banner"> 
     <h1></h1> 
     <p class="tagline" style="font-weight: 100">I build products for the web.</p> 
     <a class="banner_btn" href="#"><p>Portfolio</p></a> 
     <a href="#about"> 
     <img class="arrow" src="arrow.png" alt="Arrow Down"></a> 
     <p class="arrowtext">Click to scroll</p> 
    </div> 
</div> 

    <section class="about" id="about"> 
    <div id="about" href="about" class="about"> 
     <div class="abouttext"> 
      <h1>About</h1> 
     </div> 
     <div class="img"> 
       <div class="contact"> 
        <p></p> 
        <p></p> 
        <p class="email"></p> 
       </div> 
     </div> 
    </div> 
    </section> 
</body>

$(function() { 
      $.scrollify({ 
        section : ".about", 
       }); 
      });

と私はについてのページにスクロールしたいので、これは私のjavascriptのです。

出典

2017-10-18 Rover

JavaScriptコンソールでエラーが発生しましたか？ – AndroidNoobie

'jquery.scrollify.js'を正しくインポートしていますか？ – VTodorov

スクロールするには、少なくとも2つの要素が必要です。 aboutクラスの要素をバインドしていますが、それらはネストされています。

私はあなたがこのような<section>タグを使ってページを分離することをお勧め：

<section class="banner">...</section> 
<section class="about">...</section>

そして、scrollifyコールは次のようになります：役立つだろう

$(function() { 
    $.scrollify({ 
     section : "section" 
    }); 
});

希望。

出典

2017-10-18 13:38:05

jQueryを設定するにはどうすればいいですか？

答えて

関連する問題