Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
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
