Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/typescript/9.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
首先加载一个javascript_Javascript - Fatal编程技术网

首先加载一个javascript

首先加载一个javascript,javascript,Javascript,在我的网站主页上,我放了一段不在顶部的介绍视频。我想让我的访客先看介绍视频。为此,我使用了autoscroll: <script> function pageScroll() { window.scrollBy(245,600); // horizontal and vertical scroll increments }</script> 函数pageScroll(){ scrollBy(245600);//水平和垂直滚动增量 } 然后在身体里:

在我的网站主页上,我放了一段不在顶部的介绍视频。我想让我的访客先看介绍视频。为此,我使用了autoscroll:

<script>
function pageScroll() {
        window.scrollBy(245,600); // horizontal and vertical scroll increments
}</script>

函数pageScroll(){
scrollBy(245600);//水平和垂直滚动增量
}
然后在身体里:

<body onload="pageScroll()"> 
.....
</body>

.....
但是,问题是浏览器需要很长时间才能自动滚动。只有当一半的视频已经结束(这是一段10秒的短视频)时,访问者才能访问swf flash视频。我如何让浏览器先遵循这个javascript,然后再做其他事情?[网站上还有其他Java脚本]


Thanx提前…

我在

唯一的问题是,你没有在页面上稍后的视频

HTML

替代解决方案将视频仍保留在页面底部

HTML


为什么不在滚动完成后开始播放视频?为什么不在视频结束时移动视频,而不是在视频开始前移动用户。顺便说一句,这是一种非常糟糕的用户体验。
<input id="switch" type="checkbox">
<div class="video">
    <label for="switch">CLOSE</label>
    <p>VIDEO MESSAGE</p>
</div>
<div class="page-wrapper">
    <p>PAGE CONTENT</p>
</div>
.page-wrapper,
#switch,
#switch:checked+.video {
    display:none;
}

#switch:checked+.video+.page-wrapper {
    display:block;
}
<input id="switch" type="checkbox">
<div class="page-wrapper">
    <p>PAGE CONTENT</p>
</div>
<div class="video">
    <label for="switch">CLOSE</label>
    <p>VIDEO MESSAGE</p>
</div>
.page-wrapper,
#switch,
#switch:checked+.video,
#switch:checked+.page-wrapper+.video>label {
    display:none;
}

#switch:checked+.page-wrapper {
    display:block;
}