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

Question

当我将代码放在 div 下的 html 文件中的脚本标签中时，我的 JS onclick 函数工作。 但是我想将脚本放入 JS 文件中，这不起作用。

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

尝试将 script 标签最后放在 body 标签中。 这确保首先加载 HTML 元素，然后加载 Js 文件。