<!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
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句