Question

对js来说相当新。我有一个简单的项目，其中我所拥有的是一个两倍于屏幕高度的图像。我希望网页在页面底部打开，所以我添加了＆＃34; window.scroll＆＃34; javascript中的函数方法。这很好......大多数时候。有时，特别是如果我在带有家庭服务器的移动设备上进行测试，javascript就不会启动，页面会从顶部开始。所以我的主要问题是：有没有办法像＆＃34; window.scroll＆＃34;但是使用CSS，完全绕过js？我要问的第二个问题是，为什么javascript如此脆弱？我是网络开发的新手，我已经两次（另一次使用＃34; slide＆＃34;方法）必须使用css而不是js，因为js不能正常工作，或者它需要是缓存等...这是正常的行为，还是我此时写的非常糟糕？谢谢你的时间。 P

这是简单的代码：

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

CSS：

body {
    margin: 0px;
    padding: 0px;
}

img {
  width: 100%;
}

JavaScript的：

$(document).ready(function(){

    window.scroll(0,2000);

});

Answer 1

我认为问题在于图片需要花费时间来加载。所以我认为您的事件被触发但是图像稍后加载并再次更改页面大小。加载图像后将加载load事件。

尝试使用此代码：

$(window).on("load", ,function(){

    window.scroll(0,2000);

});

JavaScript起点不稳定

1 个答案: