gpt4 book ai didi

javascript - html5 如何在用户向下滚动时更改图像的位置

转载 作者:太空宇宙 更新时间:2023-11-04 02:58:30 26 4
gpt4 key购买 nike

当客户端向上/向下/横向滚动到网络浏览器时,网络开发人员如何获取变量?如果我想知道我希望根据 Web 滚动条的移动量使图片缓慢移动,请按照 URL 查看我的意思:http://www.apple.com/macbook/

这是我所拥有的:

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style type="text/css">
#top {
background: blue;
}
#p1 {
margin-left: 50%;
color: pink;
}
</style>
</head>
<body>
<div id="top">
<p id="p1">Adan's Website</p>
</div>
<div id="middle">
<img src="assets/pic.jpg" width="1280" height="720"/> <!-- your image goes here -->
</div>
<div id="bottom"></div>
<script type="text/javascript"></script>
</body>
</html>

最佳答案

我不是 100% 确定,但您应该研究一下视差滚动。目前找不到合适的教程,但我认为这就是您所需要的。

关于javascript - html5 如何在用户向下滚动时更改图像的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31744020/

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