JavaScript的起始点函数不稳定

JavaScript erratic with starting point funciton

本文关键字：函数 不稳定 JavaScript      更新时间：2023-09-26

对js相当陌生。我有一个简单的项目，其中所有我有一个图像的两倍的屏幕高度。我希望网页在页面的底部打开，所以我添加了"窗口"。javascript中的"Scroll"函数方法。这工作得很好……大多数时候。有时，特别是当我在带有主服务器的移动设备上进行测试时，javascript不会启动，页面从顶部开始。所以我的主要问题是:有没有一种方法可以做到和"窗口"一样。滚动"，但与CSS，绕过js完全?第二个问题是，为什么javascript如此脆弱?我对web开发真的很陌生，我已经两次(另一次是"slide"方法)不得不使用css而不是js，因为js不能正常工作，或者它需要缓存等…这是正常的行为还是我在这一点上真的不擅长写?谢谢你的宝贵时间。P

下面是简单的代码: 

$(document).ready(function(){
    window.scroll(0,2000);
});
body {
    margin: 0px;
    padding: 0px;
}
img {
  width: 100%;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
    <html>
    <head>
    	<title>Test</title>
    	<link rel="stylesheet" type="text/css" href="styles.css">
    	<script type="text/javascript" src="jquery.js"></script>
    	<script type="text/javascript" src="script.js"></script>
    
    </head>
    <body>
       <img src="https://pixabay.com/static/uploads/photo/2016/10/18/21/22/california-1751455_960_720.jpg" width="100%" style="display: block;">
    </body>
    </html>

CSS: 

body {
    margin: 0px;
    padding: 0px;
}
img {
  width: 100%;
}
JavaScript: 

$(document).ready(function(){
    window.scroll(0,2000);
});

我认为问题是图像需要时间来加载。所以我认为你的事件被触发，但图像加载后，再次改变页面大小。load事件将在图片加载后触发。

试试下面的代码:

$(window).on("load", ,function(){
    window.scroll(0,2000);
});
相关文章：