jquery - 无法调用未定义的方法“scrollTo”

Question

我希望 iScroll 在页面加载时滚动到某个位置，我将此代码放在页脚的最底部。

<script>

$(document).ready(function() {

myScroll.scrollTo(0, -1389, 200);


                   });
</script>

但是我在 Chrome 中遇到了这个错误

未捕获的类型错误：无法调用未定义的方法“scrollTo”

当我执行

  myScroll.scrollTo(0, -1389, 200);

单独在命令行上它工作正常，文档滚动到正确的位置。

myScroll 是在 iScroll 实例化时设置的，这段代码在 header 中

  <script type="text/javascript">
               var myScroll;
function loaded() {
    setTimeout(function () {
        myScroll = new iScroll('content');
    }, 100);
}
window.addEventListener('load', loaded, false);
            </script>

Answer 1

我认为您有一个范围问题，因为“myScroll”不在您定义的函数的范围内。如果它是一个 DOM 元素，您可能应该获取该元素并将其定义为 myScroll 在您的函数范围内，然后调用 scrollTo() 函数。

<script>
$(document).ready(function() {
    myScroll = /* Get your element here */;
    myScroll.scrollTo(0, -1389, 200);
});
</script>