gpt4 book ai didi

JavaScript 起点函数不稳定

转载 作者:行者123 更新时间:2023-11-28 04:57:02 24 4
gpt4 key购买 nike

对 js 相当陌生。我有一个简单的元素,其中我只有一个两倍于屏幕高度的图像。我希望网页在页面底部打开,所以我在 javascript 中添加了“window.scroll”功能方法。这工作正常......大部分时间。有时,特别是如果我在带有家庭服务器的移动设备上进行测试,javascript 不会启动,页面从顶部开始。所以我的主要问题是:有没有办法做与“window.scroll”相同的事情,但使用 CSS,完全绕过 js?我要问的第二个问题是,为什么 javascript 如此不稳定?我真的是 web 开发的新手,我已经有两次(另一次使用“幻灯片”方法)不得不使用 css 而不是 js,因为 js 不能正常工作,或者它需要被缓存等等......是这个正常行为还是只是我现在真的不擅长写它?谢谢你的时间。

这是简单的代码:

$(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);

});

最佳答案

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

试试这个代码:

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

window.scroll(0,2000);

});

关于JavaScript 起点函数不稳定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40328731/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com