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>

avatar Chin
@Chin

63 Kontribusi 13 Poin

Diperbarui 3 tahun yang lalu

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>

avatar masiting
@masiting

55 Kontribusi 18 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban