//页面一加载出来就滚动到我们想要的位置去(操作整个窗口的滚动)
//注意点:window.scroll(0,200)表示:页面一打开就滚动到指定位置,所以不能在页面内刷新,必须每次刷新都要重新打开一个页面
//在页面内刷新实现不了 页面打开 这个功能,所以也就 window.scroll(0,200)没有效果
//window.scroll(x,y); //水平滚动距离x,垂直滚动距离y;
//window.scrollTo(0,200); //也是操作页面(窗口)滚动,与 window.scroll(0,200)类似
//window.scrollBy(x,y);//也是操作页面滚动,但是与前两个有差异
它是:则是 滚动条在当前位置的基础上,再次移动x,y像素
- DOCTYPE html>
-
-
-
-
Document -
- *{
- margin: 0;
- padding: 0;
- }
- .content{
- height: 1000px;
- background-color: #ccc;
- }
- .box{
- width: 300px;
- height: 200px;
- background-color: pink;
- }
-
- content1
- box
- contetn2
-
- //页面一加载出来就滚到到我们想要的位置去(操作整个窗口的滚动)
- //注意点:window.scroll(0,200)表示:页面一打开就滚到到指定位置,所以不能在页面内刷新,必须每次刷新都要重新打开一个页面
- //在页面内刷新实现不了 页面一打开 这个功能,所以也就 window.scroll(0,200)没有效果
- //window.scroll(0,200); //水平滚动距离x,垂直滚动距离y;
- //window.scrollTo(0,200); //也是操作页面(窗口)滚动,与 window.scroll(0,200)类似
- // window.scrollBy(0,200);//也是操作页面滚动,但是与前两个有差异
- let box = document.querySelector('.box');
- box.onclick = function(){
- // window.scroll(0,200);
- window.scrollBy(0,200);
- }
-