Postingan lainnya
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
0