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

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);
        }
    }

    }

标签： javascripthtmlfunction

Answer 1

尝试将脚本标签最后放在正文标签中。这可确保先加载 HTML 元素，然后加载 Js 文件。