gpt4 book ai didi

javascript - 在页面加载时滚动到 div

转载 作者:太空宇宙 更新时间:2023-11-04 14:03:01 24 4
gpt4 key购买 nike

                 <!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Woodry</title>
<link rel="stylesheet" href="css/normalize.css">
<link href='http://fonts.googleapis.com/css?
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/responsive.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery
/1.11.0/jquery.min.js" ></script>

<script type="text/javascript">
$(function() {
$(document).scrollTop( $("#video").offset().top );
});
</script>
</head>
<body class="wrapper">
<div id="top">
<img src="img/top.png">
</div>
<div id="video" class="video">
<div id="deer"><img class="deer" src="img/deerb.png"></div>
<video autoplay loop class="fillWidth">
<source src="video/dust.mp4" type="video/mp4"/>
</video>
</div>
<div id="main" class="main">
<img src="img/bottom.png">

<div id="home"></div>
<div id="shop"></div>
<div id="contact"></div>
</div>
</body>
</html>

尝试滚动到页面加载。我的 js 函数似乎不起作用。我已经运行了 js 测试以查看我是否正确调用了 js 库,我确实是这样。我做错了什么。任何帮助将不胜感激。
更新:我通过 W3c 验证程序运行我的 HTML,它通过了。

最佳答案

你正试图滚动到一个 div,但你的 js 代码正在寻找一个 id,所以它应该是

id="video"

这应该可以工作。

编辑:刚刚检查了代码,我使用了这个:

$(function() { 
$('html, body').animate({
scrollTop: $('#video').offset().top}, 1000);
});

这对我有用。您的底部图片有 18MB(很大),所以您可能想尝试等到页面(而不是DOM)加载:

$(window).load(function() {
// code here
});

关于javascript - 在页面加载时滚动到 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22453332/

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