为什么在我的 JS 文件中编写 JS 代码时，我的 JS onscroll 功能不起作用？

Question

My JS onclick function work when I put the code in script tags in the html file under the div. But I want to put the script in to the JS file and this dont work.

HTML:

   <script type="text/javascript" src="js/javascript.js"></script>

   <div class="col-sm-6" id="test" onscroll="scrollback()">
        <?php  $controller->getEvents(); ?>
   </div>

JS (js/javascript.js):

   $(document).ready(function () {

   var isCounting = false;

    function scrollback() {
        if (isCounting == false) {
            isCounting = true;
            setTimeout(
                function () {
                    document.getElementById("test").scrollTo({
                        top: 0,
                        left: 0
                    });
                    isCounting = false;
                }, 1000);
        }
    }

    }

Answer 1

Try placing the script tag at last in body tag. This ensures the HTML elements loads first then the Js file loads.