Jquery tidak bekerja di bootstrap 4?

Halo kak, saya mau nanya.

saya bikin design portofolio menggunakan bootstrap 4 + jquery untuk animasi ScrollTop

namun tidak bekerja seperti ditutor video. nah saya mengganti versi bootstrap ke 3. jquerynya bisa Jalan,

padahal saya sudah Panggil script buatan saya dan jquery-3.3.1.js ini design halamnnya. classnya .page-scroll

 <!DOCTYPE html>
<html lang="en" dir="ltr" id="home">
  <head>
    <meta charset="utf-8">
    <!-- Bootstrap -->
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/main.css">
    <title>Portofolio</title>
  </head>
  <body>

    <div class="container-fluid">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
      <a href="#home" class="navbar-brand">
        <img src="assets/img/brand.svg" alt="Brand" width="30" height="30" class="d-inline-block align-top">
        Bootstrap
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse" id="navbarCollapse">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item active">
            <a href="#about" class="nav-link" class="page-scroll">About <span class="sr-only"></span></a>
          </li>
          <li class="nav-item active">
            <a href="#gallery" class="nav-link" class="page-scroll">Gallery <span class="sr-only"></span></a>
          </li>
          <li class="nav-item active">
            <a href="#contact" class="nav-link" class="page-scroll">Contact <span class="sr-only"></span></a>
          </li>
        </ul>
      </div>

    </nav>
  </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="assets/js/jquery-3.3.1.js"></script>
    <script src="assets/js/bootstrap.js"></script>
    <script src="assets/js/script.js"></script>
  </body>
</html>

Ini Script javanya

$('.page-scroll').on('click', function(e) {

 var href = $(this).attr('href');

 var elemenHref = $(href);

 $('html , body').animate({
  scrollTop: elemenHref.offset().top - 50
 });

 e.preventDefault();
});

mungkin disini ada yg bisa Java, tolong bantu Letak masalahnya dimna

avatar liequan
@liequan

6 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

2 Jawaban:

Element atau elemen ?? hayo di cek lagi ka

avatar YudhiPrasetyo
@YudhiPrasetyo

13 Kontribusi 1 Poin

Dipost 5 tahun yang lalu

Element juga gk bisa kak,

avatar liequan
@liequan

6 Kontribusi 0 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban