Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Bagaimana agar otomatis scroll ke bawah di Ajax
Bagaimana cara otomatis scroll ke bawah di Ajax , Saya ingin agar id tampil otomatis scroll ke bawah, Code :
<!DOCTYPE html>
<html>
<head>
<!-- Load file JS -->
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
<style>
tbody{background : #ccc;}
#tampil{height : 200px; overflow : scroll;}
</style>
</head>
<body>
<div class="container">
<br>
<h4>Submit Form dengan AJAX</h4>
<div id="tampil">
</div>
<form id="form" method="post">
<div class="form-group">
<label>Nama Barang:</label>
<input type="text" name="nama_barang" class="form-control" placeholder="Masukan nama barang" required />
</div>
<div class="form-group">
<label>Harga:</label>
<input type="number" name="harga" class="form-control" placeholder="Masukan harga" required />
</div>
<div class="form-group">
<label>Stok:</label>
<input type="number" name="stok" class="form-control" placeholder="Masukan stok" required />
</div>
<button type="button" id="Submit" name="submit" class="btn btn-primary">Submit</button>
</form>
<script type="text/javascript">
$(document).ready(function(){
$('#tampil').load("tampil.php");
$("#Submit").click(function(){
var data = $('#form').serialize();
$.ajax({
type : 'POST',
url : "insert.php",
data: data,
cache : false,
success : function(data){
$('#tampil').load("tampil.php");
}
});
});
});
</script>
</div>
</body>
</html>
0
1 Jawaban:
<div>Masalah ini nampaknya mau menggunakan Infinity scroll ya ? Kalo iya coba cari soal windows.height jadi ketika height ada di kondisi tertentu dia bakal trigger sesuatu</div>
0
