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

Question

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

<script>

$(document).ready(function() {

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


                   });
</script>

但是在 Chrome 中遇到此错误

Uncaught TypeError: Cannot call method 'scrollTo' of undefined

当我在命令行上单独执行时，

  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>